这个例子似乎很简单,我似乎无法弄清楚为什么它不工作(我不想使用ng选项,因为这不适用于select2,插件我想一旦我得到这个想通了使用):AngularJS选择指令不与选项
HTML:
<div ng-app="myApp">
<div ng-controller="MyCtrl">
selectedNumber: {{selectedNumber}}
<select ng-model="selectedNumber">
<option ng-repeat="number in numbers" value="{{number}}">{{number}}</option>
</select>
<div ng-repeat="number in numbers">
{{number}}
</div>
</div>
</div>
AngularJS:
var app = angular.module('myApp', []);
app.controller('MyCtrl', function($scope) {
$scope.numbers = [1, 2];
$scope.selectedNumber = 2;
});
当检查它看起来像这样的元素:
<select ng-model="selectedNumber" class="ng-pristine ng-valid">
<option value="? number:2 ?"></option>
<!-- ngRepeat: number in numbers -->
<option ng-repeat="number in numbers" value="1" class="ng-scope ng-binding">1</option>
<option ng-repeat="number in numbers" value="2" class="ng-scope ng-binding">2</option>
</select>
我猜测额外“<option value="? number:2 ?"></option>
”是造成这个问题,但我不知道如何摆脱它。我还创建了一个jsfiddle这一行动。
你指的是多余的“”? – lucuma 2013-04-25 13:13:12
我忘了把代码块放在一个:)。我只是修复它。 – testing123 2013-04-25 13:32:36