Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 取消选中“切换角度”复选框';行不通_Angularjs_Ionic Framework_Toggle - Fatal编程技术网

Angularjs 取消选中“切换角度”复选框';行不通

Angularjs 取消选中“切换角度”复选框';行不通,angularjs,ionic-framework,toggle,Angularjs,Ionic Framework,Toggle,我不喜欢这个答案,因为: 请注意,此指令不应与ngModel一起使用,因为这可能导致意外行为 另外,我根本没有使用ng repeat。在我看来,这不是骗局。 我有3个离子开关。当我选中其中一个时,我想取消选中另外两个。 由于某种原因,它不起作用。忽略内联css <div class="list"> <ion-toggle ng-model="production" toggle-class="toggle toggle-big" ng-checked=" !washin

我不喜欢这个答案,因为:

请注意,此指令不应与ngModel一起使用,因为这可能导致意外行为

另外,我根本没有使用ng repeat。在我看来,这不是骗局。 我有3个离子开关。当我选中其中一个时,我想取消选中另外两个。 由于某种原因,它不起作用。忽略内联css

<div class="list">
    <ion-toggle ng-model="production" toggle-class="toggle toggle-big" ng-checked=" !washingup || !dispensing""> <img src="img/production5.png" height="50" width="50" align="left" /><p style="padding-top: 14px; padding-left: 8px;">Production</p>
    </ion-toggle>         
    <ion-toggle ng-model="dispensing" toggle-class="toggle toggle-big" ng-checked=" !washingup || !production"> <img src="img/dispensing1.png" height="50" width="50" align="left" /><p style="padding-top: 14px; padding-left: 8px;">Dispensing</p>
    </ion-toggle>       
    <ion-toggle ng-model="washingup" toggle-class="toggle toggle-big" ng-checked=" !production || !dispensing"> <img src="img/washingUp1.png" height="50" width="50" align="left" /><p style="padding-top: 14px; padding-left: 8px;">Washing up</p>
    </ion-toggle>
</div>


就个人而言,我不喜欢中提到的解决方案。由于某些原因,标记中包含,但如文档中所述:

请注意,本指令不应与ngModel一起使用,因为 这可能导致意外行为

对于这个特殊的问题,删除并简单地与内联表达式一起使用可以达到以下目的:

<div class="list">
    <ion-toggle ng-model="production" toggle-class="toggle toggle-big" 
        ng-change="production && (dispensing = washingup = false)"> 
        <img src="img/production5.png" height="50" width="50" align="left" />
        <p style="padding-top: 14px; padding-left: 8px;">Production</p>
    </ion-toggle>         
    <ion-toggle ng-model="dispensing" toggle-class="toggle toggle-big" 
        ng-change="dispensing && (production = washingup = false)"> 
        <img src="img/dispensing1.png" height="50" width="50" align="left" />
        <p style="padding-top: 14px; padding-left: 8px;">Dispensing</p>
    </ion-toggle>       
    <ion-toggle ng-model="washingup" toggle-class="toggle toggle-big" 
        ng-change="washingup && (dispensing = production = false)"> 
        <img src="img/washingUp1.png" height="50" width="50" align="left" />
        <p style="padding-top: 14px; padding-left: 8px;">Washing up</p>
    </ion-toggle>
</div> 

生产

分配

洗涤


怎么样?可能是重复的谢谢,这解决了我的问题,至今仍在学习。我不知道我可以这样做,例如:分配&(production=washingup=false)