ng-repeat 如何使特定按钮不重复答案

【问题标题】：ng-repeat how to make a specific button not repeatng-repeat 如何使特定按钮不重复
【发布时间】：2016-10-07 10:22:54
【问题描述】：

现在我的按钮正在重复，因为我正在使用ng-repeat 重复页面中的 2 个版本按钮，如何才能让这个按钮不重复？那个按钮需要和其他按钮在一起，我知道我可以把这个按钮拿出来，不会重复，但我需要隐藏这个按钮，让它在版本按钮出现时才出现。

一切都很好，只是那个按钮在重复，是否可以使用 ng-repeat="none" 或类似的东西？

谢谢。

html：

<div>
    <div class="item"
      ng-repeat="version in versions"
      ng-class="{active: version.isActive}"
      ng-class="{active: }">
      <a ng-click="setDiffed(version)"
        ng-class="{active: version.isDiffActive}"
        name="compare-type"><i></i>
      </a>
      <h4 ng-click="setMaster(version)">{{ version.label }}</h4>
    </div>
    <button type="button"  class="btn btn-primary">
      back to home
    </button>
  </div>

【问题讨论】：

在ngRepeat 内，您可以查看$first、$last、$index - 所以您可以添加按钮ng-if="$first"，这样它就只在第一个重复的元素上可用跨度>
使用ng-if就像看到here

标签： angularjs

【解决方案1】：

尝试使用ng-show 或ng-if，类似：

<div>
    <div class="item"
      ng-repeat="version in versions"
      ng-class="{active: version.isActive}"
      ng-class="{active: }">
      <a ng-show = "Your condition for showing or not" ng-click="setDiffed(version)"
        ng-class="{active: version.isDiffActive}"
        name="compare-type"><i></i>
      </a>
      <h4 ng-click="setMaster(version)">{{ version.label }}</h4>
    </div>
    <button type="button" ng-show = "Your condition for showing or not" class="btn btn-primary">
      back to home
    </button>

  </div>

AngularJS 文档 - ng-show .

【讨论】：

谢谢，但我只想隐藏这个：
我可以看到你的显示情况，很抱歉，我不明白该怎么做:(

【解决方案2】：

你可以把这个按钮拿出来，只有在有版本的时候才显示。

简化的 HTML：

<div ng-repeat="version in versions">
  <button>
    {{version}}
  </button>
</div>
<button ng-show="versions.length > 0">
  back to home
</button>

看看它是如何工作的：http://jsfiddle.net/qd4j6964/

【讨论】：