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

Question

I want to dynamically change select item of a dropdown list control using Angular JS, but it does not change the view. I tried this one but no result yet!

Controller:

$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
}

View:

<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>

Thank you indeed.

Answer 1

From the code you posted... It doesn't look like you're actually calling the setSelect function in your code.

So basically you have a function made to do something, but if you never call it, it won't actually execute. Also, you may want to mention whether or not you're getting errors in the console window of chrome when you're viewing the page.