AngularJS隱藏元素如果爲空

我需要一種方法來隱藏父元素，如果它裏面的元素是空的使用AngularJS。AngularJS隱藏元素如果爲空

這是一個自定義指令類型的問題，或者有沒有辦法將邏輯放入類似ng-show或ng-hide？

<div class="item"> <!-- item should be hidden --> 
    <div class="inside"></div> 
</div>

來源

2017-10-20 user2967081

'div'裏面是空的嗎？由某些元素，屬性..？ –

如果它是一個對象，'ng-show =「check」'和'$ scope.check = $ scope.parent.child.isEmpty（）'的組合可以工作。取決於你的邏輯 –

我會假設內部div會顯示範圍內的一些數據？如果數據是空的空字符串，那麼您可以使用父級中的ng-hide檢查。也許是下面的東西？

<div ng-hide='myData == null' class="item"> <!-- item should be hidden --> 
    <div class="inside">{{myData}}</div> 
</div>

來源

2017-10-20 15:28:53 user441521

這是非常合理的。不幸的是，'inside'div中的代碼是用純javascript注入的，因爲我必須使用element.appendChild（）來獲取webrtcmulticonnection視頻元素以在其中顯示。我無法弄清楚如何獲得角度來追加範圍數組中的元素。如果我只使用{{scopearray.data [0]}}，那麼元素/流不會顯示。 – user2967081

AngularJS隱藏元素如果爲空

回答

相關問題