猿问

求angular控制显示隐藏问题,思路

<div>[特码]</div>//想让这个div的显示与掩藏与下面的多个input关联,如果任意一个input里面有输入值,那么显示,如果所有的input都没输入值,那么隐藏,该怎么做,最好有个demo,谢谢指点!

<span ng-repeat="(key, item) in items" >

  <span>{{item}}</span>

</span>

想让这个div的显示与掩藏与下面的多个span关联,如果任意一个span里面的item值不为0或者空,那么显示,如果所有的span值都为0或者为空,那么隐藏,该怎么做,最好有个demo,谢谢指点!

慕田峪7331174
浏览 1073回答 1
1回答

烙印99

代码<div></div&nbsp;ng-show="input-1&nbsp;||&nbsp;input-2&nbsp;||&nbsp;input-3&nbsp;||&nbsp;input-4"> //想让这个div的显示与掩藏与下面的多个input关联,如果任意一个input里面有输入值,那么显示,如果所有的input都没输入值,那么隐藏, 该怎么做,最好有个demo,谢谢指点! <input&nbsp;ng-model="input-1"/><input&nbsp;ng-model="input-2"/><input&nbsp;ng-model="input-3"/> <input&nbsp;ng-model="input-4"/>解释利用angular双向绑定与ng-show指令实现。原问题修改版本答案<div&nbsp;ng-show="needShow()">[特码]</div>//想让这个div的显示与掩藏与下面的多个input关联, 如果任意一个input里面有输入值,那么显示,如果所有的input都没输入值,那么隐藏,该怎么做,最好有个demo, 谢谢指点!<span&nbsp;ng-repeat="(key,&nbsp;item)&nbsp;in&nbsp;items"&nbsp;> &nbsp;&nbsp;<span>{{item}}</span></span>$scope.needShow&nbsp;=&nbsp;function(){&nbsp;for(var&nbsp;index&nbsp;in&nbsp;$scope.items)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;if($scope.items[index]&nbsp;>&nbsp;0){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;true; &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;}&nbsp;return&nbsp;false; }解释思考问题的时候不要去和html关联。你的问题不是span里面的数据是啥。而是items里面的数据状态。所以应该和items来思考。抛弃你的jQuery式的思考模式吧。这里自定义了一个bool函数用来控制ng-show
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答