Perguntas com a marcação «angularjs-ng-repeat»

A diretiva `ngRepeat` instancia um template uma vez por item de uma coleção. Cada instância do template obtém seu próprio escopo, onde a variável de loop dada é definida para o item da coleção atual, e `$ index` é definido para o índice ou chave do item.

16
Como fazer ng-repeat filtrar resultados duplicados
Estou executando um simples ng-repeatsobre um arquivo JSON e quero obter nomes de categorias. Existem cerca de 100 objetos, cada um pertencendo a uma categoria - mas existem apenas cerca de 6 categorias. Meu código atual é este: <select ng-model="orderProp" > <option ng-repeat="place in places" value="{{place.category}}">{{place.category}}</option> </select> A saída é …
21
como dividir os dados ng-repeat com três colunas usando o bootstrap
Estou usando ng-repeat com meu código e tenho um número de caixa de texto com base em ng-repeat. Eu quero alinhar a caixa de texto com três colunas. esse é o meu código <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>
4
Construção de angularjs if-then-else na expressão
Posso de alguma forma usar a construção if-then-else (operador ternário) na expressão angularjs, por exemplo, tenho a função $ scope.isExists (item) que deve retornar o valor bool. Eu quero algo assim, <div ng-repeater="item in items"> <div>{{item.description}}</div> <div>{{isExists(item) ? 'available' : 'oh no, you don't have it'}}</div> </div> Eu sei que …
19
Calculando a soma de elementos repetidos em AngularJS ng-repeat
O script abaixo exibe um carrinho de compras usando ng-repeat. Para cada elemento da matriz, ele mostra o nome do item, sua quantidade e o subtotal ( product.price * product.quantity). Qual é a maneira mais simples de calcular o preço total de elementos repetidos? <table> <tr> <th>Product</th> <th>Quantity</th> <th>Price</th> </tr> …
3
Compreendendo a expressão ngRepeat 'track by'
Estou tendo dificuldades para entender como funciona a faixa por expressão de ng-repeat no angularjs. A documentação é muito escassa: http://docs.angularjs.org/api/ng/directive/ngRepeat Você pode explicar qual é a diferença entre esses dois trechos de código em termos de ligação de dados e outros aspectos relevantes? com: track by $index <!--names is …
5
AngularJS: a lista de repetição de ng não é atualizada quando um elemento de modelo é unido a partir da matriz de modelo
Eu tenho dois controladores e compartilho dados entre eles com uma função app.factory. O primeiro controlador adiciona um widget na matriz de modelo (pluginsDisplayed) quando um link é clicado. O widget é colocado na matriz e essa mudança é refletida na visualização (que usa ng-repeat para mostrar o conteúdo da …
2
Mostrar div oculto no ng-click dentro do ng-repeat
Estou trabalhando em um aplicativo Angular.js que filtra um arquivo json de procedimentos médicos. Eu gostaria de mostrar os detalhes de cada procedimento quando o nome do procedimento é clicado (na mesma página) usando ng-click. Isso é o que eu tenho até agora, com o div .procedure-details definido para exibir: …
3
Angular ng-repeat pula um item se ele corresponder à expressão
Estou procurando uma maneira de dizer basicamente ao angular para pular um item em uma repetição do ng se ele corresponder a uma expressão, basicamente continue; No controlador: $scope.players = [{ name_key:'FirstPerson', first_name:'First', last_name:'Person' }, { name_key:'SecondPerson', first_name:'Second', last_name:'Person' }] Agora, em meu modelo, quero mostrar a todos que não …
3
Angular.js ng-repeat em vários elementos
Esta questão foi parcialmente tratada aqui: Angular.js ng-repeat em vários tr's No entanto, isso é apenas uma solução alternativa, na verdade não aborda o problema principal, que é: como alguém pode usar ng-repeat em vários elementos sem um wrapper? Por exemplo, jquery.accordion requer que você repita um elemento h3 e …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.