复选框按钮ngmodel-以何种方式更改我的值

Question

我想编辑我的复选框，这样我就可以得到一个或一个type=按钮的输入。

我现在有，正常工作：

<label>Afficher</label>
<input type="checkbox" ng-model="isElementVisible">

简单地说，用我的script-angular.js:

$scope.isElementVisible = false ; //it's working, true when I click on my checkbox.

我已经很久没有使用AngularJS了，因为这是一个旧项目，我不知道如何对按钮说我的ng模型需要更改，我应该做一个函数吗？或者有更简单的方法吗？

提前感谢大家：3

Answer 1

您可以使用在html中简单地处理它

ng-click="isElementVisible = !isElementVisible"

angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
$scope.isElementVisible = false;
}]);

.hlight {
background-color: yellow;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<button ng-click="isElementVisible = !isElementVisible">Click to toggle isElementVisible</button>
<div ng-class="{'hlight':isElementVisible}">isElementVisible is {{isElementVisible}}</div>
</div>