javascript - AngularJs 列表 ng-click 选择选项转换

Question

我是 Angular 新手，目前我有一个 ng-repeat <li></li> :

<ul>
    <li value="" ng-click="setLimit(numPerPage)" ng-repeat="numPerPage in itemPerPage">{{numPerPage}}</li>
</ul>

和一个函数:

 $scope.setLimit = function(val) {
    $scope.numPerPage = val;
  };

我怎样才能重写这个以便我使用 <select>和<option>标签而不是列表。

Answer 1

如果您使用 ng-model 创建选择，则当选项更改时，当前选择的值将自动成为模型值:

<select ng-model="numPerPage">
  <option ng-repeat="item in itemPerPage" value="{{item}}">{{item}}</option>
</select>

$scope.numPerPage = ''; //Holds currently selected option