Question

我想使用Angular JS动态更改下拉列表控件的select项，但它不会更改视图。我试过了this one但还没有结果！

控制器：

$scope.dischargeType = {id:0,title:''};

$scope.setSelect = function() {
  debugger;
  $scope.dischargeType = $scope.dischargeTypes[1];
  alert($scope.dischargeType.title);
  // it shows that the $scope.operationType get the value,but no changes on html
}

查看：

<label class="col-sm-3 control-label">Discharge Type</label>
<div class="col-sm-9">
  <select ui-select2  data-ng-model="dischargeType" id="add-dischargeType" name="dischargeType">
    <option data-ng-repeat="item in dischargeTypes" value="{{item.id}}">{{item.title}}</option>
  </select>
</div>

非常感谢你。

Answer 1

从您发布的代码中......看起来您实际上并未在代码中调用setSelect函数。

所以基本上你有一个做某事的功能，但如果你从来没有打过它，它就不会真正执行。此外，您可能想要提及在查看网页时是否在Chrome控制台窗口中出现错误。

AngularJS：使用动态更改下拉列表控件的选择项

1 个答案: