Вопросы с тегом «ng-repeat»

679
Как перебрать ключи и значения с помощью ng-repeat в AngularJS?

В моем контроллере у меня есть данные как: $scope.object = data Теперь эти данные - словарь с ключами и значениями из json. Я могу получить доступ к атрибуту object.nameв шаблоне. Есть ли способ, которым я могу перебирать ключи и отображать их в виде таблицы <tr><td> {{key}} </td>...

484
ng-repeat: фильтр по одному полю

У меня есть множество продуктов, которые я повторяю с помощью ng-repeat, и я использую <div ng-repeat="product in products | filter:by_colour"> фильтровать эти продукты по цвету. Фильтр работает, но если название продукта / описание и т. Д. Содержит цвет, то продукт остается после применения...

417
Способ NG-повторить определенное количество раз, а не повторять над массивом?

Есть ли способ ng-repeat определенному количеству раз вместо того, чтобы всегда перебирать массив? Например, ниже я хочу, чтобы элемент списка отображался в 5 раз, предполагая, что он $scope.numberравен 5, дополнительно увеличивая число, чтобы каждый элемент списка увеличивался как 1, 2, 3, 4, 5....

386
Добавление параметра в функцию ng-click внутри ng-repeat не работает

У меня есть простой цикл с ng-repeatтаким: <li ng-repeat='task in tasks'> <p> {{task.name}} <button ng-click="removeTask({{task.id}})">remove</button> </li> В контроллере есть функция $scope.removeTask(taskID). Насколько я знаю, Angular сначала визуализирует...

382
orderBy несколько полей в Angular

Как сортировать, используя несколько полей одновременно в угловых? кулак по группе, а затем по подгруппе для примера $scope.divisions = [{'group':1,'sub':1}, {'group':2,'sub':10}, {'group':1,'sub':2},{'group':1,'sub':20},{'group':2,'sub':1}, {'group':2,'sub':11}]; Я хотел отобразить это как группа:...

377
AngularJS ng-repeat обрабатывает пустой список

Я думал, что это будет очень распространенная вещь, но я не мог найти, как справиться с этим в AngularJS. Допустим, у меня есть список событий и я хочу вывести их с AngularJS, тогда это довольно просто: <ul> <li ng-repeat="event in events">{{event.title}}</li> </ul> Но как...

322
передача 2 $ значений индекса во вложенном ng-repeat

Итак, у меня есть ng-repeat, вложенный в другой ng-repeat, чтобы создать навигационное меню. Для каждого <li>внутреннего цикла ng-repeat я устанавливаю ng-click, который вызывает соответствующий контроллер для этого пункта меню, передавая $ index, чтобы приложение узнало, какой из них нам...

285
Как использовать ng-repeat для словарей в AngularJs?

Я знаю, что мы можем легко использовать ng-repeat для json-объектов или массивов, таких как: <div ng-repeat="user in users"></div> но как мы можем использовать ng-repeat для словарей, например: var users = null; users["182982"] = "{...json-object...}"; users["198784"] =...

252
AngularJS для цикла с числами и диапазонами

Angular предоставляет некоторую поддержку цикла for, использующего числа в своих директивах HTML: <div data-ng-repeat="i in [1,2,3,4,5]"> do something </div> Но если ваша переменная области действия содержит диапазон с динамическим номером, вам нужно будет каждый раз создавать пустой...

218
Индекс доступа родительского ng-repeat к дочернему ng-repeat

Я хочу использовать индекс родительского списка (foos) в качестве аргумента для вызова функции в дочернем списке (foos.bars). Я нашел сообщение, где кто-то рекомендует использовать $ parent. $ Index, но $indexне является свойством $parent. Как я могу получить доступ к индексу родителя ng-repeat?...

207
финишное событие ng-repeat

Я хочу вызвать некоторую функцию jQuery, нацеленную на div с таблицей. Эта таблица заполнена ng-repeat. Когда я звоню на $(document).ready() У меня нет результата. Также $scope.$on('$viewContentLoaded', myFunc); не помогает Есть ли способ выполнить функцию сразу после завершения заполнения...

179
Использование запятой в качестве разделителя списка с AngularJS

Мне нужно создать список элементов через запятую: <li ng-repeat="friend in friends"> <b ng-repeat="email in friend.email">{{email}}{{$last ? '' : ', '}}</b>... </li> Согласно документации AngularJS, операторы потока управления не допускаются в выражениях. Вот почему мой...

176
Сохранить разрывы строк в angularjs

Я видел этот ТАК вопрос. Мой код вместо того, чтобы ng-bind="item.desc"использовать, {{item.desc}}потому что у меня есть ng-repeatраньше. Итак, мой код: <div ng-repeat="item in items"> {{item.description}} </div> Описание элемента содержит \nновые строки, которые не отображаются. Как...

165
Как улучшить производительность ngRepeat для огромного набора данных (angular.js)?

У меня есть огромный набор данных из нескольких тысяч строк по 10 полей в каждом, около 2 МБ данных. Мне нужно отобразить это в браузере. Самый простой подход (извлекать данные, помещать их $scope, позволять ng-repeat=""делать свою работу) работает нормально, но он останавливает браузер примерно на...

135
Как отфильтровать несколько значений (операция ИЛИ) в angularJS

Я хочу использовать filterin angular и хочу фильтровать несколько значений, если оно имеет одно из значений, то оно должно отображаться. У меня есть например эта структура: Объект, movieкоторый имеет свойство, genresи я хочу отфильтровать для Actionи Comedy. Я знаю, что могу сделать...

134
AngularJS - Как я могу ссылаться на имя свойства в ng-Repeat

В дополнение к отображению значения свойств объекта, я также хотел бы отобразить имя свойства в виде метки. Есть ли способ сделать это с ng-repeat? Например: <ul> <li ng-repeat="option in data">{{propertyName}}: {{option}}</li> </ul> Который может выплюнуть что-то вроде...

131
Как заставить ng-repeat отфильтровать повторяющиеся результаты

Я запускаю простой ng-repeatфайл JSON и хочу получить имена категорий. Всего около 100 объектов, каждый из которых относится к определенной категории, но их всего около 6 категорий. Мой текущий код такой: <select ng-model="orderProp" > <option ng-repeat="place in places"...

129
AngularJS - как получить ссылку на отфильтрованный результат ngRepeat

Я использую директиву ng-repeat с таким фильтром: ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4" и я прекрасно вижу визуализированные результаты; Теперь я хочу запустить логику этого результата в моем контроллере. Вопрос в том, как я могу получить ссылку на элементы...