使用AngularJS和ng-repeat初始化select
我正在尝试使用AngularJS 1.1.5的ng-repeat从选择框开始使用预填充选项。相反，选择总是从没有选择任何内容开始。它还有一个空选项，我不想要。我认为没有选择任何东西都会带来副作用。
我可以使用ng-options代替ng-repeat来工作，但在这种情况下我想使用ng-repeat。尽管我缩小的示例没有显示出来，但我也想设置每个选项的title属性，据我所知，没有办法使用ng-options来实现。
我认为这与常见的AngularJs范围/原型继承问题无关。至少在巴塔朗检查时，我看不到任何明显的东西。另外，当您在带有UI的选择中选择一个选项时，模型会正确更新。
这是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>
和JavaScript：
function AppCtrl($scope) {
$scope.filterCondition={
operator: 'eq'
}
$scope.operators = [
{value: 'eq', displayName: 'equals'},
{value: 'neq', displayName: 'not equal'}
]
}
JS小提琴为此：http : //jsfiddle.net/coverbeck/FxM3B/2/
阿波罗的战车3回答
随时随地看视频慕课网APP
相关分类
JavaScript
AngularJS