Question

观看部分

 <div class="col-sm-8" data-ng-init="init_enable_disable()">
     <select class="form-control" style="margin-top: 5px;" data-ng-model="schedule.scheduleType" data-ng-change="enable_disableDiv(schedule.scheduleType);">
         <option ng-selected="{{type == defaultSelectedType}}" data-ng-repeat="type in schduleType">{{type}}
         </option>
     </select>
</div>

ng-repeat model

 $scope.schduleType = ['Recurring', 'One time'];

我正在更新ng-model，但它没有反映在视图中

 if (editRecord.freq_type === 1) 
 {
     alert("one time");
     $scope.schedule.scheduleType = 'One time';
 }

出了什么问题请建议我。

Answer 1

当您使用ng-model并从控制器分配值时，无需在DOM中使用ng-selected。并且最好从控制器初始化。

可以尝试吗

在您的控制器中：

  $scope.schduleType = ['Recurring', 'One time'];
  $scope.schedule = {};
  $scope.schedule.scheduleType = $scope.schduleType[0]; // initial select

  $scope.enable_disableDiv = function(){
    console.log($scope.schedule.scheduleType);
  }

HTML中的

：

<select class="form-control" data-ng-model="schedule.scheduleType" data-ng-change="enable_disableDiv(schedule.scheduleType)">
    <option ng-repeat="type in schduleType" value="{{type}}">{{type}}</option>
</select>

N.B：如果您想要从控制器更改选项值，那么您应该使用$scope.schduleType而不是someValue进行引用，因为从控制器分配值时请不要引用schduleType。喜欢根据条件改变然后使用如下：

if(editRecord.freq_type === 1) {
   $scope.schedule.scheduleType = $scope.schduleType[1];// not "one Time"
}

Answer 2

你可以尝试

`$scope.$applyAsync(function(){
   $scope.schedule.scheduleType = 'One time';
})`

Angular js，$ scope更改未反映在视图中

2 个答案: