Question

我是Angular的新手，我目前有<li></li>的ng-repeat：

<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

AngularJs列出ng-click以选择选项转换

1 个答案: