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

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

679 angularjs  angularjs-ng-repeat 

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

417 javascript  html  angularjs  angularjs-ng-repeat 

Как сортировать, используя несколько полей одновременно в угловых? кулак по группе, а затем по подгруппе для примера $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}]; Я хотел отобразить это как группа: подгруппа 1 - 1 1 - 2 1 - 20 2 - 1 2 - 10 2 - 11 <select ng-model="divs" …

382 javascript  angularjs  sorting  angularjs-ng-repeat  angularjs-orderby 

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

377 javascript  angularjs  angularjs-ng-repeat  angularjs-ng-show 

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

322 angularjs  angularjs-ng-repeat 

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

285 angularjs  json  dictionary  angularjs-ng-repeat 

Angular предоставляет некоторую поддержку цикла for, использующего числа в своих директивах HTML: <div data-ng-repeat="i in [1,2,3,4,5]"> do something </div> Но если ваша переменная области действия содержит диапазон с динамическим номером, вам нужно будет каждый раз создавать пустой массив. В контроллере var range = []; for(var i=0;i<total;i++) { range.push(i); } $scope.range …

252 angularjs  angularjs-ng-repeat 

Как я могу получить обратный массив в угловых? я пытаюсь использовать фильтр orderBy, но для сортировки ему нужен предикат (например, «имя»): <tr ng-repeat="friend in friends | orderBy:'name':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr> Есть ли способ отменить исходный массив без сортировки. как это: <tr ng-repeat="friend in friends | orderBy:'':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> …

227 javascript  arrays  angularjs  reverse  angularjs-ng-repeat 

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

218 javascript  angularjs  angularjs-ng-repeat 

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

207 javascript  jquery  angularjs  angularjs-ng-repeat  document-ready 

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

179 angularjs  angularjs-ng-repeat 

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

176 angularjs  angularjs-ng-repeat 

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

165 javascript  angularjs  angularjs-ng-repeat 

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

135 javascript  angularjs  angularjs-ng-repeat 

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

134 angularjs  angularjs-ng-repeat