Question

现在我的按钮正在重复，因为我正在使用ng-repeat重复我页面中的2个版本按钮，怎么才能让这个按钮不重复？那个按钮需要与其他按钮一起使用，我知道我可以把这个按钮拿出来并且不会重复，但是我需要隐藏这个按钮，并且只在出现版本按钮时显示。

一切都很好，只是按钮正在重复，有点使用ng-repeat =＆＃34; none＆＃34;或类似的东西？

感谢。

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>

Answer 1

尝试使用decorator或ng-show，例如：

ng-if

AngularJS文档 - ng-show。

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

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

2 个答案: