javascript - ng-hide元素出现一段时间然后隐藏？

<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.也会出现一段时间。

是否有解决方案，以便仅在徽章为空时才显示该消息？

最佳答案

如果您正在使用ajax请求获取数据，则badges将undefined直到l ajax调用返回数据。

直到数据接收到的badges.length保持为undefined，然后ng-hide="badges.length"会导致ng-hide="false"出现某些情况，这可能是部分废除div的情况

- 解 -

如果您在获取$scope.badge数据之前声明resource，则删除该声明。仅在$scope.badge调用之后声明resource。和使用

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

Plunker