Angularjs 复选框中的值不会自动赋值

Angularjs 复选框中的值不会自动赋值,angularjs,checkbox,angularjs-ng-click,angularjs-ng-checked,Angularjs,Checkbox,Angularjs Ng Click,Angularjs Ng Checked,我有一个复选框来显示停用帐户,当在请求中选中该复选框时,我需要将activationstatus发送为false以显示停用帐户,如果未选中,则应将值传递为true。我的复选框只是在初始化$scope后传递相同的值。checkedStatus=true。值不会作为false传递 HTML: <div> <input type="checkbox" ng-model="checkedStatus" ng-click = "viewAccount"> Show Deacti

我有一个复选框来显示停用帐户,当在请求中选中该复选框时,我需要将activationstatus发送为false以显示停用帐户,如果未选中,则应将值传递为true。我的复选框只是在初始化$scope后传递相同的值。checkedStatus=true。值不会作为false传递

HTML:

<div>
<input type="checkbox" ng-model="checkedStatus" ng-click = "viewAccount">
  Show Deactivated Account
</div> 
自动复选框不会更改值。

您可以使用

零钱

输入。 在这里,你可以用html来做

<input type="checkbox" ng-model="checkedStatus" ng-click = "viewAccount" ng-change="change()">
  Show Deactivated Account
</div> 
你可以用

零钱

输入。 在这里,你可以用html来做

<input type="checkbox" ng-model="checkedStatus" ng-click = "viewAccount" ng-change="change()">
  Show Deactivated Account
</div> 

在json中,您只是否定
$scope.checkedStatus
,但不更改其值。所以你总是得到同样的结果
而不是使用
!($scope.checkedStatus)
在json中,您只需更改范围值即可。

 $scope.checkedStatus = true;
 $scope.viewAccount = function(){
   $scope.checkedStatus = !$scope.checkedStatus; //check this line
    var json = {
    "json": {
      "request": {
        "servicetype": "6",
        "functiontype": "6014",
          .
          .
          "activationstatus": $scope.checkedStatus,
          .
          .
          "orderby": "desc",
          "offset":$scope.pagination
             }

      }
    }
};

在json中,您只是否定
$scope.checkedStatus
,但不更改其值。所以你总是得到同样的结果
而不是使用
!($scope.checkedStatus)
在json中,您只需更改范围值即可。

 $scope.checkedStatus = true;
 $scope.viewAccount = function(){
   $scope.checkedStatus = !$scope.checkedStatus; //check this line
    var json = {
    "json": {
      "request": {
        "servicetype": "6",
        "functiontype": "6014",
          .
          .
          "activationstatus": $scope.checkedStatus,
          .
          .
          "orderby": "desc",
          "offset":$scope.pagination
             }

      }
    }
};

在$scope中创建包装器对象模型,并在其中创建checkedStatus属性

$scope.model = {
    checkedStatus: true
};
并在其引用的任何地方进行相关更改

就像在html中一样,进行这些更改

ng-click="viewAccount()" ng-model="model.checkedStatus"
另外,作为旁注,您永远不应该直接在作用域上附加属性,而应该始终尝试创建包装器对象或使用控制器作为语法来消除此类问题


查看本文:

在$scope中创建包装器对象模型,并在其中创建checkedStatus属性

$scope.model = {
    checkedStatus: true
};
并在其引用的任何地方进行相关更改

就像在html中一样,进行这些更改

ng-click="viewAccount()" ng-model="model.checkedStatus"
另外,作为旁注,您永远不应该直接在作用域上附加属性,而应该始终尝试创建包装器对象或使用控制器作为语法来消除此类问题


查看本文:

对于复选框,angular有一个名为
ng change
的特殊指令,请使用它

<div>
   <input type="checkbox" ng-model="checkedStatus" ng-change="viewAccount()">
   Show Deactivated Account
</div> 

显示停用帐户

对于复选框,angular有一个名为
ng change的特殊指令,请使用该指令

<div>
   <input type="checkbox" ng-model="checkedStatus" ng-change="viewAccount()">
   Show Deactivated Account
</div> 

显示停用帐户

这将带来什么样的变化,不管怎么说,它引用了相同的函数rite??是的。你可以控制checkedStatus的输出,在功能上我需要相反的方式,当选中它是false,而未选中它是true。你能建议我在你的代码中看到的方法吗,你做得对。在这行“activationstatus”中:!($scope.checkedStatus),那么问题是什么呢?这会带来什么变化,不管怎样,它引用的是同一个函数?是的。你可以控制checkedStatus的输出,在功能上我需要相反的方式,当选中它是false,而未选中它是true。你能建议我在你的代码中看到的方法吗,你做得对。在这行“activationstatus”中:!($scope.checkedStatus),那么问题是什么?