Запитання з тегом «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-повтору з таким фільтром: ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4" і я можу бачити винесені результати прекрасними; тепер я хочу запустити деяку логіку щодо цього результату в своєму контролері. Питання полягає в тому, як я можу схопити посилання на результати результатів? Оновлення: Просто для …

129 javascript  angularjs  filter  angularjs-ng-repeat 

Я використовую ng-повтор зі своїм кодом. У мене є текстове поле 'n' на основі ng-повтору. Я хочу вирівняти текстове поле з трьома стовпцями. це мій код <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-повторів при зміні. Повторення містить велику кількість даних і займає кілька секунд, щоб усе профільтрувати. Я хотів би, щоб їх було 0,5 секунди, перш ніж розпочати процес фільтрації. Який правильний спосіб утворити цю затримку? Вхідні дані <input ng-model="xyz" ng-change="FilterByName()" /> Повторіть <div ng-repeat"foo …

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 (ternary-operator) у виразі angularjs, наприклад, у мене є функція $ range.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}} €</td> </tr> <tr> …

107 angularjs  angularjs-ng-repeat 

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

101 javascript  angularjs  angularjs-ng-repeat 

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

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

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

100 angularjs  angularjs-ng-repeat 

У мене є директива з isolate-scope (щоб я міг повторно використовувати директиву в інших місцях), і коли я використовую цю директиву з an 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> Все, що я хочу, - це показати всі запитання, де ідентифікатор НЕ -1. Що я роблю не …

83 javascript  angularjs  angularjs-ng-repeat  ng-filter