ng-hide不会隐藏所选项目

时间:2014-11-16 14:35:57

标签: angularjs

我有以下代码:

<ion-nav-buttons ng-hide="items.length == 0" side="left"> 
   <button class="button button-clear button-positive" ng-click="enableEdit()">{{EditText}}</button>
</ion-nav-buttons>

问题是即使项目为[]且长度为0,我仍然会看到该项目。

这里有什么问题?

1 个答案:

答案 0 :(得分:1)

似乎<ion-nav-buttons>只是将正确的dom元素放在正确位置的一种方法。它不像元素本身那样行事。解决此问题的最简单方法是将ng-hide属性放在按钮本身上(或围绕所有按钮的div)。

<ion-nav-buttons side="left"> 
   <button class="button button-clear button-positive" ng-hide="items.length === 0" ng-click="enableEdit()">{{EditText}}</button>
</ion-nav-buttons>