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隐藏元素如果为空

回答

相关问题