Как выйти из цикла ng-Repeat?

Question

Как выйти из цикла ng-Repeat?

0

У меня есть следующие циклы ng-repeat, которые распаковывают данные JSON в Аккордеон:

<accordion close-others="oneAtATime">
    <accordion-group ng-repeat="service in userPF.custom.services">
        <accordion-heading><input type="checkbox" name="status" disabled>On <input type="checkbox" name="status" disabled checked>Off {{service.name}}</accordion-heading>
        Related Items:<br>
        <div class="secondary" ng-repeat="fields in userPF.custom.fields">
            <span ng-show="checkForMatch(service.name, fields.services)">
                <span ng-repeat="value in fields.values">
                    {{value.name}}<br>
                </span>
            </span>
        </div>
    </accordion-group>
</accordion>

Первая поездка по циклу {{service.name}} всегда будет возвращать данные, но второе значение {{value.name}} может не совпадать. Если это не так, я не хочу, чтобы div или span отображался, просто заголовок. Я пробовал некоторые варианты ng-if, но не приблизился к тому, чтобы сказать, получаю ли я данные или нет.

Dave Kanter 27 авг. 2015, в 22:51

Источник

0

Можете ли вы разместить свой пример в Интернете с соответствующими объектами на сайте, такими как plunker или jsfiddle?
yossico 27 авг. 2015, в 20:40
0

Контроллер огромен, но я думаю, что смогу с этим справиться, да. Займет у меня минуту ...
Dave Kanter 27 авг. 2015, в 20:41
1

Просто любопытно. Что не так с тем, что есть сейчас? Если в fields.values ничего fields.values тогда ng-repeat ничего не сделает.
ryanyuyu 27 авг. 2015, в 20:42
0

... за исключением того, что он по-прежнему рисует div и span, которые затем заполняются как аккордеон как пустое поле.
Dave Kanter 27 авг. 2015, в 20:44
0

Разве это не было бы вашим ответом тогда? ng-if="fields.values" в div будет показывать его, только если у него есть значения.
Matthew Green 27 авг. 2015, в 20:47
0

@yossico, я не пытаюсь быть трудным, но я почти уверен, что вся логика, на которую ты должен смотреть, здесь. Я не вижу в контроллере ничего, что могло бы улучшить понимание вопроса. У вас есть конкретные вопросы?
Dave Kanter 27 авг. 2015, в 21:11
0

@MatthewGreen, но, может быть, тогда у меня повторы выглядят не по порядку, потому что он не проверяет значения field.values, пока не будет визуализирована внешняя часть диапазона. Мне нужно, чтобы все от </ accordion-heading> до </ accordion group> ушло, если в файле fields.values ничего нет. Я полагаю, я мог бы отключить аккордеонный элемент, но тогда это выходит из-под контроля со всем остальным ...
Dave Kanter 27 авг. 2015, в 21:15
0

@DaveKaye Мне не нужен весь ваш контроллер, я просто хочу увидеть данные, которые доставляют вам неприятности. Если вы можете смоделировать ситуацию, я могу решить ее в кратчайшие сроки
yossico 27 авг. 2015, в 21:26
0

@yossico Я действительно не знаю, как использовать Plunkr или JSFiddle с Angular, так что это не совсем работает, но я думаю, что весь код, который вам нужен, находится здесь: plnkr.co/edit/DLXZHQtQTjsQjDc1fdqQ?p=preview
Dave Kanter 27 авг. 2015, в 22:53

Показать ещё 7 комментариев

Теги:

angularjs

angularjs-ng-repeat

1 ответ

Ещё вопросы

Можете ли вы разместить свой пример в Интернете с соответствующими объектами на сайте, такими как plunker или jsfiddle?
Контроллер огромен, но я думаю, что смогу с этим справиться, да. Займет у меня минуту ...
Просто любопытно. Что не так с тем, что есть сейчас? Если в fields.values ничего fields.values тогда ng-repeat ничего не сделает.
... за исключением того, что он по-прежнему рисует div и span, которые затем заполняются как аккордеон как пустое поле.
Разве это не было бы вашим ответом тогда? ng-if="fields.values" в div будет показывать его, только если у него есть значения.
@yossico, я не пытаюсь быть трудным, но я почти уверен, что вся логика, на которую ты должен смотреть, здесь. Я не вижу в контроллере ничего, что могло бы улучшить понимание вопроса. У вас есть конкретные вопросы?
@MatthewGreen, но, может быть, тогда у меня повторы выглядят не по порядку, потому что он не проверяет значения field.values, пока не будет визуализирована внешняя часть диапазона. Мне нужно, чтобы все от </ accordion-heading> до </ accordion group> ушло, если в файле fields.values ничего нет. Я полагаю, я мог бы отключить аккордеонный элемент, но тогда это выходит из-под контроля со всем остальным ...
@DaveKaye Мне не нужен весь ваш контроллер, я просто хочу увидеть данные, которые доставляют вам неприятности. Если вы можете смоделировать ситуацию, я могу решить ее в кратчайшие сроки
@yossico Я действительно не знаю, как использовать Plunkr или JSFiddle с Angular, так что это не совсем работает, но я думаю, что весь код, который вам нужен, находится здесь: plnkr.co/edit/DLXZHQtQTjsQjDc1fdqQ?p=preview

MONTS_MIND_Hacker · Answer 1 · 2015-08-27T18-59-00.000Z

См. Эту ссылку. Как показывает этот код, и его работоспособность, вы можете иметь ng-show внутри ng-repeat.

<div ng-app ng-controller="RepeatTestCtrl">
    <ul ng-repeat="item in items">
        <li ng-show="item.id.length == 0">{{item.name}} is even</li>
        <li ng-show="item.id % 2 == 1">{{item.name}} is odd</li>
    </ul>
</div>

function RepeatTestCtrl($scope) {
    $scope.items = [
        { id: 1, name: 'test 1' },
        { id: 2, name: 'test 2' },
        { id: 3, name: 'test 3' },
        { id: 4, name: 'test 4' }
    ];
}

http://jsfiddle.net/b004t06z/41/

Здесь на основе длины, даже никогда не будет отображаться
Это не обязательно неправильное решение, но оно не удаляет элемент из DOM, оно только не показывает его. Так все еще появляется в Аккордеоне. Может быть, мне нужно изменить порядок повторных циклов ...
Ой !! Да ... Я забыл ваши базовые требования, которые находятся в соответствии с. Извините, вы должны изменить логику, например, если данные есть, то только показать в соответствии