нг-повторить, как сделать, чтобы конкретная кнопка не повторялась

Question

нг-повторить, как сделать, чтобы конкретная кнопка не повторялась

0

Прямо сейчас моя кнопка повторяется, потому что я использую ng-repeat чтобы повторить кнопки с двумя версиями на моей странице, как сделать эту кнопку не повторять? эта кнопка должна быть вместе с другими, я знаю, что я могу выставить эту кнопку и не буду повторять, но мне нужно скрыть эту кнопку и просто появиться, когда появятся кнопки версии.

все в порядке, просто эта кнопка повторяется, как-то использовать 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>

raduken 07 июнь 2016, в 15:55

Источник

0

внутри ngRepeat вы можете проверить $first , $last , $index - так что вы можете добавить кнопку ng-if="$first" чтобы она была доступна только для первого повторного элемента
Alon Eitan 07 июнь 2016, в 13:24
0

используйте ng-if как видно здесь
Abdullah Rasheed 07 июнь 2016, в 13:26

Теги:

angularjs

2 ответа

1

Попробуйте использовать ng-show или ng-if, somthing like:

<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.

Itsik Mauyhas 07 июнь 2016, в 12:12

0

спасибо, но я просто хочу скрыть это: <button type = "button" class = "btn btn-primary"> обратно домой </ button>
raduken 07 июнь 2016, в 13:50
1

посмотрите на код ... там есть нг-шоу.
Itsik Mauyhas 07 июнь 2016, в 13:51
0

Я вижу ваше состояние для показа или нет, извините, но я не понимаю, как это сделать :(
raduken 07 июнь 2016, в 13:52
1

Каково ваше состояние для шоу \ не шоу?
Itsik Mauyhas 07 июнь 2016, в 13:53

Показать ещё 2 комментария

Ещё вопросы

внутри ngRepeat вы можете проверить $first , $last , $index - так что вы можете добавить кнопку ng-if="$first" чтобы она была доступна только для первого повторного элемента
спасибо, но я просто хочу скрыть это: <button type = "button" class = "btn btn-primary"> обратно домой </ button>
посмотрите на код ... там есть нг-шоу.
Я вижу ваше состояние для показа или нет, извините, но я не понимаю, как это сделать :(
Каково ваше состояние для шоу \ не шоу?

Łukasz · Accepted Answer · 2016-06-07T10-57-00.000Z

Вы можете выставить эту кнопку и показать ее только в том случае, если есть какие-либо версии.

Упрощенный 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/

спасибо, это то, что я ищу, спасибо.