javascript - Angular 生成一个空的

Question

我正在生成一些 <option>使用 ng-repeat 的元素目录。使用 ng-repeat而不是 ng-options是故意的。

但是，除了实际数组之外，它还会生成一个空选项。这是代码:

<select name="type" class="form-control" ng-model="selected_type" ng-change="select_change()" >
    <option ng-repeat="type in types" value="{{type.value}}">{{type.name}}</option>
</select>

$scope.types = [
    {value: '1', name: 'Sale'}, 
    {value: '2', name: 'Other'}
];
$scope.selected_type = $scope.types[0].value;

还有一把 fiddle :http://jsfiddle.net/HB7LU/521/

Answer 1

这是一个工作 fiddle ，使用 ng-options

http://jsfiddle.net/HB7LU/527/

<select ng-model="selected_type" ng-change="select_change()" ng-options="c.name for c in types">

然后在 script.js 上:

$scope.selected_type = $scope.types[0];

话虽如此，由于您只是部分使用了 angularjs，因此您可以在实际发布 say 之前将数据映射到数组中。