home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

ตั้งค่า Null Value ใน HTML <select> ด้วย AngularJS

ใช้ Object Property และ Option ว่าง

Controller

function display($scope) {
    $scope.obj = { "selected": null };
    $scope.objects = [
        {id: 1, value: "Yes"},
        {id: 0, value: "No"}
    ];
}

Template

<div ng-controller="display">
  <select ng-model="obj.selected"
          ng-options="value.id as value.value for value in objects">
    <option value="">Unknown</option>
  </select><br/>
  {{obj}}
</div>

Option ว่าง value="" จะถูกเลือกเมื่อ model เป็น null หรือ undefined