已解決430363個問題，去搜搜看，總會有你想問的

求angular控制顯示隱藏問題，思路

首頁猿問求angular控制顯示隱藏問題，思路

求angular控制顯示隱藏問題，思路

JavaScript

慕田峪7331174 2018-09-04 13:39:09

<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，謝謝指點！

查看完整描述

1 回答

烙印99

TA貢獻1829條經驗獲得超13個贊

代碼

<div></div ng-show="input-1 || input-2 || input-3 || input-4">
//想讓這個div的顯示與掩藏與下面的多個input關聯，如果任意一個input里面有輸入值，那么顯示，如果所有的input都沒輸入值，那么隱藏，
該怎么做，最好有個demo，謝謝指點！
<input ng-model="input-1"/><input ng-model="input-2"/><input ng-model="input-3"/>
<input ng-model="input-4"/>

解釋

利用angular雙向綁定與ng-show指令實現。

原問題修改版本答案

<div ng-show="needShow()">[特碼]</div>//想讓這個div的顯示與掩藏與下面的多個input關聯，
如果任意一個input里面有輸入值，那么顯示，如果所有的input都沒輸入值，那么隱藏，該怎么做，最好有個demo，
謝謝指點！<span ng-repeat="(key, item) in items" >
  <span>{{item}}</span></span>

$scope.needShow = function(){ for(var index in $scope.items) {    if($scope.items[index] > 0){        return true;
    }
 } return false;
}

解釋

思考問題的時候不要去和html關聯。你的問題不是span里面的數據是啥。而是items里面的數據狀態。所以應該和items來思考。拋棄你的jQuery式的思考模式吧。
這里自定義了一個bool函數用來控制ng-show

反對回復 2018-10-19

1 回答
0 關注
1081 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

求angular控制顯示隱藏問題，思路

求angular控制顯示隱藏問題，思路

1 回答

代碼

解釋

原問題修改版本答案

解釋

添加回答

求angular控制顯示隱藏問題，思路

求angular控制顯示隱藏問題，思路