第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

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

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

慕田峪7331174 2018-09-04 13:39:09
<div>[特碼]</div>//想讓這個div的顯示與掩藏與下面的多個input關(guān)聯(lián)，如果任意一個input里面有輸入值，那么顯示，如果所有的input都沒輸入值，那么隱藏，該怎么做，最好有個demo，謝謝指點(diǎn)！<span ng-repeat="(key, item) in items" >  <span>{{item}}</span></span>想讓這個div的顯示與掩藏與下面的多個span關(guān)聯(lián)，如果任意一個span里面的item值不為0或者空，那么顯示，如果所有的span值都為0或者為空，那么隱藏，該怎么做，最好有個demo，謝謝指點(diǎn)！
查看完整描述

1 回答

?
烙印99

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個贊

代碼

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

解釋

利用angular雙向綁定與ng-show指令實(shí)現(xiàn)。

原問題修改版本答案

<div ng-show="needShow()">[特碼]</div>//想讓這個div的顯示與掩藏與下面的多個input關(guān)聯(lián)，
如果任意一個input里面有輸入值，那么顯示，如果所有的input都沒輸入值，那么隱藏，該怎么做，最好有個demo，
謝謝指點(diǎn)！<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;
}

解釋

  1. 思考問題的時候不要去和html關(guān)聯(lián)。你的問題不是span里面的數(shù)據(jù)是啥。而是items里面的數(shù)據(jù)狀態(tài)。所以應(yīng)該和items來思考。拋棄你的jQuery式的思考模式吧。

  2. 這里自定義了一個bool函數(shù)用來控制ng-show


查看完整回答
反對 回復(fù) 2018-10-19
  • 1 回答
  • 0 關(guān)注
  • 1082 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號