AngularJs列表ng单击以选择选项转换

AngularJs list ng-click to select option transformation

本文关键字:选择 选项 转换 单击 列表 ng AngularJs      更新时间:2023-09-26

我是Angular的新手,目前我有一个<li></li>:的ng重复

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

和一个功能:

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

我如何重写它,以便使用<select><option>标记而不是列表。

如果您使用ng模型创建select,当选项更改时,当前选择的值将自动为模型值:

<select ng-model="numPerPage">
  <option ng-repeat="item in itemPerPage" value="{{item}}">{{item}}</option>
</select>
$scope.numPerPage = ''; //Holds currently selected option