ng-hide元素出現一段時間然后隱藏？

Question

<div class="alert alert-warning" ng-hide="badges.length">      
    <strong>Empty!</strong> This Micro_organization has No badges.
</div>
<ul> 
  <li ng-repeat="badge in badges">{{ badge.title }}</li>
</ul>

即使徽章不為空，消息為Empty! This Micro_organization has No badges. Empty! This Micro_organization has No badges. 出現了一段時間。

是否有解決方案，以便僅在徽章為空時才顯示該消息？

Answer 1

如果您正在使用ajax請求來獲取數據，那么badges將是undefined直到ajax調用返回數據為止。

直到數據接收到badges.length保持undefined然后ng-hide="badges.length"將導致ng-hide="false"這可能是部分放棄div的情況

- 解 -

如果在獲取resource數據之前聲明$scope.badge ，則刪除該聲明。 僅在resource調用之后聲明$scope.badge 。 和使用

 <div class="alert alert-warning" ng-hide="badges.length != 0">..

Plunker

Answer 2

在裝入badges之前，該變量是未定義的。 您可以通過更改ng-hide表達式以確保badges存在來解決此問題。

ng-hide="!badges || badges.length"