用ng-if删除?

时间:2016-04-06 10:04:26

标签: javascript angularjs angular-ng-if

我在角度html页面上列出故事如下:

<li class="myStories" ng-repeat="story in authors.currentAuthor.stories | orderBy: '-_id'">
       <!--  <span ng-if="checked" class="animate-if"> -->
        Title: {{ story.title }}<br>
        Genre: {{ story.genre }}
  <a ui-sref-active="active" ui-sref="storyEdit({ id: story._id })" 
       id="{{ story._id }}">Edit Story
  </a> 
</li>

Angular文档声明“如果表达式返回false,则ng-if指令删除DOM元素”,因此我想知道使用ng-if删除项目是否可行/合法?

1 个答案:

答案 0 :(得分:1)

该项目仅从DOM中删除。它仍然在您的数据表示中。对于视觉事物,它是合法的,并且大多数时间比ng-show更好看:When to favor ng-if vs. ng-show/ng-hide?