angualrjs的下拉框同步问题，不需要请选择

原创于 2018-10-22 17:31:43 发布 · 260 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angularjs的下拉框绑定

本文探讨了在AngularJS中使用ng-options实现下拉框数据同步的方法。通过实例展示了如何在HTML中设置select元素，并在JavaScript中初始化相关对象，确保视图与模型的一致性。

angualrjs的下拉框同步问题
使用ng-options：

   <tr ng-repeat="item in list">
		<td id="settlementType{{item.channelId}}">
		     <span>{{item.settlementType == 2 ? '三元运算':(item.settlementType == 1? '等于1时':'其他情况')}}</span>
		     <select ng-options="x.key as x.value for x in settlementNameSelect" class="form-control" style="display: none" ng-model="item.settlementType">
		     </select>
		</td>
   </tr>

同时在js的init中进行声明其中的对象

$scope.init = function () {
     $scope.settlementNameSelect = [{key: 2, value: '这是2'},{key: 1, value: '这是1}, {key: 0, value: '这是0'}];
 }