Question

我有一个下拉菜单和一个复选框，我想将复选框值重置为false ，只要下拉值更改。我已经将重置复选框值的代码编写为false，但它不起作用，请告诉我我在哪里做错了。

查看：

<label class="item item-input item-select">
        <div class="input-label">Leave Type</div>
        <select ng-model="LeaveRequest.leaveType" ng-change="leavetypechange(LeaveTypes)" required>
          <option value="">Select Leave Type</option>
          <option ng-repeat="lt in LeaveTypes"value="{{lt.Name}} ">{{lt.Name}}</option>
       </select>
</label>
<div ng-show="ShowPeriod">
      <ion-checkbox  ng-model="isChecked" >Half day/ Quarter leave</ion-checkbox>
</div>

控制器：

.controller('ApplyLeaveCtrl',function($scope, $state, $templateCache,$ionicPopup) {
 $scope.leavetypechange=function(){ 
            $scope.isChecked=false;
            };
});

Answer 1

$ scope.isChecked循环为下拉列表中的每个项目创建单独的范围。

因此您需要将其投入使用。

.service('dataService', function() {
    this.isChecked;
})

这是你在工作的代码：

http://codepen.io/anon/pen/MwzLqO

Answer 2

将$ parent与isChecked一起使用如下：

<ion-checkbox  ng-model="$parent.isChecked" >Half day/ Quarter leave</ion-checkbox>

ionic / Angularjs - 在ng-change上无法取消选中复选框

2 个答案: