如何在angularjs中从控制器触发复选框？

这里是我的HTML代码如何在angularjs中从控制器触发复选框？

<ion-item nav-clear menu-close class="item-icon-right" ng-repeat="a in result.result | filter: a.groupName=sortby"> 
<input type="checkbox" id="{{a.switchID}}" name="value1" style="display:none;" ng-change="send(a.deviceID,a.pinNumber,a.switchID,value1)" ng-model="value1" ng-true-value="'On'" ng-false-value="'Off'" value="{{value1}}"></input> 
<label style="margin-left:-15px;" for="{{a.switchID}}"></label> 
<div class="card" ng-click="card(a.switchID)" style="margin:-59px 0px -2px 51px;height:64px;width:100%" ng-class="{'class1': value1 == 'Off','class2': value1 == 'On'}"> <p style="margin-left:11px;font-size:18px;color:white;margin-top:8px;">{{a.alias}}</p> 
    <p id = "{{a.switchID}}" style="font-size:16px;color:white;margin-top:8px;margin-right:11px;" class="pull-right">{{value1}}</p> 
</div> 
</ion-item>

现在点击卡我想改变复选框的值

来源

2015-10-19 Krunal

请向我们介绍您的控制器代码（相关部分）并告诉我们什么不起作用。 –

基本上我有灯泡列表（复选框）的细节卡，其中包含其状态ON或OFF。如果我点击灯泡它改变状态卡的细节，但我想改变灯泡（复选框）的价值，当我点击卡也 – Krunal

你的问题不清楚 – Miqe

你只需要扭转你的NG-模型属性的值

<div class="card" ng-click="value1 = !value1"

来源

2015-10-19 10:46:12 Sam

是它的变化值，但它没有触发我提到的ng-change的复选框功能。 @Sam – Krunal

谢谢。通过使用您提供的解决方案，我做到了。像这样：ng-click =“value1 =！value1; send（a.deviceID，a.pinNumber，a.switchID，value1）”@Sam – Krunal

我也建议把ng-repeat中的html放在指令中 - 保持控制器干净，整洁的html，并为angular2 – Sam

如何在angularjs中从控制器触发复选框？

回答

相关问题