html - 如果选中复选框则执行功能 - Angular

Question

在我的应用程序中，我有以下复选框

<input class="js-rooms" 
       id="checkid" 
       ng-keypress="$event.keyCode == 13 && getItem(0)" 
       ng-click="getItem(0)" 
       type="checkbox"/>

当输入被点击并选中时，函数 getItem(0) 被调用。但是，当我再次单击该复选框并取消选中它并重新提交时，显然会触发相同的功能。

我想做的(以最简单的方式)是在单击复选框时触发函数 getItem(1) 并触发 getItem(0) 当未单击复选框时。我正在寻找最简单的解决方案。有什么想法吗？

Answer 1

在您的复选框中添加 ng-model。

对于 checkBox angular 有 ng-true-value && ng-false-value

像这样'

<input class="js-rooms" 
       ng-model="checkid" 
       ng-keypress="$event.keyCode == 13 && setRoom(checkid)" 
       ng-click="getItem(checkid)"  
       ng-true-value="1"
       ng-false-value="0" 
       type="checkbox"/>