Запитання з тегом «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> <li><span>5</span></li> </ul>

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-повторення вкладене в інший ng-повтор, щоб створити меню nav. На кожному <li>внутрішньому циклі ng-повторів я встановлюю клавішу ng, яка викликає відповідний контролер для цього пункту меню, передаючи $ index, щоб програма могла знати, який нам потрібен. Однак мені також потрібно передати індекс $ від зовнішнього ng-повтору, …

322 angularjs  angularjs-ng-repeat 

Я знаю, що ми можемо легко використовувати ng-повтор для json-об'єктів або масивів, таких як: <div ng-repeat="user in users"></div> але як ми можемо використовувати ng-повтор для словників, наприклад: 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 надає певну підтримку циклу, використовуючи номери в межах своїх директив 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> …

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 foos.bars"> <a …

218 javascript  angularjs  angularjs-ng-repeat 

Я хочу зателефонувати до функції jQuery, націленої на div, з таблицею. Ця таблиця заповненаng-repeat . Коли я закликаю $(document).ready() У мене немає результату. Також $scope.$on('$viewContentLoaded', myFunc); не допомагає. Чи є якийсь спосіб виконати функцію відразу після завершення сукупності ng-повторів? Я прочитав пораду щодо користувальницьких налаштувань 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 ? '' : ', '}}не працює. Чи існує альтернативний спосіб створення списків, розділених …

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 

Я хочу використовувати filteringular і хочу фільтрувати декілька значень, якщо у нього є одне із значень, то воно повинно відображатися. У мене є, наприклад, така структура: Об'єкт, 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