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

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

131 angularjs  angularjs-ng-repeat 

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

129 javascript  angularjs  filter  angularjs-ng-repeat 

Я использую ng-repeat со своим кодом. У меня есть n-е текстовое поле на основе ng-repeat. Я хочу выровнять текстовое поле с тремя столбцами. это мой код <div class="control-group" ng-repeat="oneExt in configAddr.ext"> {{$index+1}}. <input type="text" name="macAdr{{$index+1}}" id="macAddress" ng-model="oneExt.newValue" value=""/> </div>

122 javascript  angularjs  angularjs-ng-repeat 

У меня есть вход, который фильтрует список ng-repeat при изменении. Повторение содержит много данных и требует нескольких секунд, чтобы отфильтровать все. Я бы хотел, чтобы у них была задержка 0,5 секунды, прежде чем я начну процесс фильтрации. Как правильно создать эту задержку в angular? вход <input ng-model="xyz" ng-change="FilterByName()" /> Повторение …

117 angularjs  angularjs-directive  angularjs-ng-repeat 

Я пытаюсь разрешить пользователю редактировать список элементов с помощью ngRepeatи ngModel. ( См. Эту скрипку .) Однако оба подхода, которые я пробовал, приводят к странному поведению: один не обновляет модель, а другой размывает форму при каждом нажатии клавиши. Я что-то здесь делаю не так? Разве это не поддерживаемый вариант использования? …

116 angularjs  angularjs-ng-repeat  angularjs-ng-model 

Я ищу правильный шаблон для вставки класса строки начальной загрузки каждые 3 столбца. Мне это нужно, потому что cols не имеет фиксированной высоты (и я не хочу ее исправлять), поэтому это нарушает мой дизайн! Вот мой код: <div ng-repeat="product in products"> <div ng-if="$index % 3 == 0" class="row"> <div class="col-sm-4" …

111 angularjs  twitter-bootstrap  angularjs-ng-repeat  ng-repeat 

Могу ли я каким-то образом использовать конструкцию if-then-else (тернарный оператор) в выражении angularjs, например, у меня есть функция $ scope.isExists (item), которая должна возвращать значение типа bool. Я хочу что-то вроде этого, <div ng-repeater="item in items"> <div>{{item.description}}</div> <div>{{isExists(item) ? 'available' : 'oh no, you don't have it'}}</div> </div> Я знаю, …

109 javascript  angularjs  if-statement  angularjs-ng-repeat  ternary-operator 

В приведенном ниже скрипте отображается корзина, в которой используется ng-repeat. Для каждого элемента в массиве отображается имя элемента, его количество и промежуточный итог ( product.price * product.quantity). Как проще всего рассчитать общую стоимость повторяющихся элементов? <table> <tr> <th>Product</th> <th>Quantity</th> <th>Price</th> </tr> <tr ng-repeat="product in cart.products"> <td>{{product.name}}</td> <td>{{product.quantity}}</td> <td>{{product.price * product.quantity}} …

107 angularjs  angularjs-ng-repeat 

Мне сложно понять, как работает трек по выражению ng-repeat в angularjs. Документация очень скудная: http://docs.angularjs.org/api/ng/directive/ngRepeat Можете ли вы объяснить, в чем разница между этими двумя фрагментами кода с точки зрения привязки данных и других важных аспектов? с участием: track by $index <!--names is an array--> <div ng-repeat="(key, value) in names …

102 javascript  angularjs  angularjs-ng-repeat 

У меня есть два контроллера, и я делюсь данными между ними с помощью функции app.factory. Первый контроллер добавляет виджет в массив модели (pluginsDisplayed) при нажатии ссылки. Виджет помещается в массив, и это изменение отражается в представлении (которое использует ng-repeat для отображения содержимого массива): <div ng-repeat="pluginD in pluginsDisplayed"> <div k2plugin pluginname="{{pluginD.name}}" …

100 angularjs  angularjs-directive  angularjs-scope  angularjs-ng-repeat 

Я работаю над приложением Angular.js, которое фильтрует json-файл медицинских процедур. Я хотел бы показать детали каждой процедуры при щелчке имени процедуры (на той же странице) с помощью ng-click. Это то, что у меня есть до сих пор, с div .procedure-details, установленным на display: none: <ul class="procedures"> <li ng-repeat="procedure in procedures …

100 angularjs  angularjs-ng-repeat 

У меня есть директива с изолированной областью (чтобы я мог повторно использовать директиву в других местах), и когда я использую эту директиву с ng-repeat , она не работает. Я прочитал всю документацию и ответы на Stack Overflow по этой теме и понимаю проблемы. Я считаю, что избежал всех обычных ошибок. …

95 angularjs  angularjs-directive  angularjs-scope  angularjs-ng-repeat 

Я пытаюсь отфильтровать список с помощью нескольких фильтров + с помощью настраиваемой функции фильтрации. Исходный рабочий пример jsfiddle - http://jsfiddle.net/ed9A2/1/, но теперь я хочу изменить способ фильтрации возраста. Я хочу добавить настраиваемый фильтр, чтобы фильтровать возраст на основе двух входных значений: min_age и max_age (между возрастом). Заглянув в док. Я …

95 javascript  angularjs  angularjs-ng-repeat 

Я ищу способ указать angular пропустить элемент в ng-repeat, если он соответствует выражению, в основном continue; В контроллере: $scope.players = [{ name_key:'FirstPerson', first_name:'First', last_name:'Person' }, { name_key:'SecondPerson', first_name:'Second', last_name:'Person' }] Теперь в моем шаблоне я хочу показать всех, кто не подходит name_key='FirstPerson'. Я решил, что это должны быть фильтры, поэтому …

91 angularjs  angularjs-ng-repeat 

Похоже на очень простой вопрос, но я не могу понять синтаксис .. <li class="list-group-item" ng-repeat="question in newSection.Questions | filter:Id != '-1'; " ng-mouseenter="hover = true" ng-mouseleave="hover = false"> <div href="#" editable-text="question.Text">{{question.Text}}</div> </li> Все, что я хочу, это показать все вопросы, где id НЕ -1. Что я делаю неправильно. Благодаря!

83 javascript  angularjs  angularjs-ng-repeat  ng-filter