ng-hide 不会隐藏所选项目

Question

我有以下代码：

<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，我仍然看到该项目。

这是怎么回事？

Answer 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>