Tôi đang cố gắng chọn hộp chọn để bắt đầu với tùy chọn điền sẵn bằng cách sử dụng ng-repeat với AngularJS 1.1.5. Thay vào đó, lựa chọn luôn bắt đầu với không có gì được chọn. Nó cũng có một tùy chọn trống mà tôi không muốn. Tôi nghĩ rằng có một tác dụng phụ của không có gì được lựa chọn.
Tôi có thể làm việc này bằng cách sử dụng ng-Tùy chọn thay vì ng-repeat, nhưng tôi muốn sử dụng ng-repeat cho trường hợp này. Mặc dù ví dụ thu hẹp của tôi không hiển thị nó, tôi cũng muốn đặt thuộc tính tiêu đề của từng tùy chọn và không có cách nào để làm điều đó bằng cách sử dụng tùy chọn ng, theo như tôi biết.
Tôi không nghĩ rằng điều này có liên quan đến vấn đề thừa kế phạm vi / nguyên mẫu chung của AngularJs. Ít nhất tôi không thấy bất cứ điều gì rõ ràng khi kiểm tra ở Batarang. Ngoài ra, khi bạn chọn một tùy chọn trong phần chọn với UI, mô hình sẽ cập nhật chính xác.
Đây là HTML:
<body ng-app ng-controller="AppCtrl">
<div>
Operator is: {{filterCondition.operator}}
</div>
<select ng-model="filterCondition.operator">
<option
ng-repeat="operator in operators"
value="{{operator.value}}"
>
{{operator.displayName}}
</option>
</select>
</body>Và JavaScript:
function AppCtrl($scope) {
$scope.filterCondition={
operator: 'eq'
}
$scope.operators = [
{value: 'eq', displayName: 'equals'},
{value: 'neq', displayName: 'not equal'}
]
}Fiddle JS cho điều này: http://jsfiddle.net/coverbeck/FxM3B/2/