Articles of angularjs ng repeat

Filtrando um Angular 1.2 ng-repeat com “track by” por uma propriedade booleana

Eu estou tentando filtrar alguns itens da lista com base no valor de uma propriedade booleana, mas não importa o que eu faço a lista inteira é sempre exibida. Algumas das coisas que eu tentei foram tão quebradas que nada aparece, mas não está nem aqui nem ali. Não consigo fazer minha filtragem funcionar conforme […]

Filtro angular exatamente na chave do object

Eu tenho um pequeno aplicativo angular assim: html {{ user.username }}, {{ user.id }} app.js function Ctrl($scope) { $scope.users = [ {“id”:1,”username”:”simon”,}, {“id”:8,”username”:”betty”,}, {“id”:14,”username”:”archie”,}, {“id”:3,”username”:”jumbo1″}, ] } saída simon, 1 archie, 14 jumbo1, 3 O que eu quero fazer é filtrar uma correspondência exata para o argumento do filtro E filtrar apenas no campo de […]

Destacando um resultado filtrado no AngularJS

Eu estou usando um ng-repeat e filtro em angularJS como o tutorial de telefones, mas gostaria de destacar os resultados da pesquisa na página. Com o jQuery básico eu teria simplesmente analisado a página em cima da input, mas estou tentando fazer isso da maneira angular. Alguma ideia ? Meu código: {{dci.marque}} ® {{dci.dci}}

AngularJS – Filtre objects vazios

Eu tenho um object $ scope.myData que contém um pedaço de dados. O que eu estou tentando fazer é exibir os dados, mas filtrar os nulos e seqüências vazias: $scope.myData = [ { “ID” : “001”, “Message” : “test test test test” }, { “ID” : “002”, “Message” : “test test test test” }, { […]

Qual é a prioridade da diretiva ng-repeat você pode mudar isso?

Documentação Angular diz: – A compilation do DOM é realizada pela chamada ao método $ compile (). O método atravessa o DOM e corresponde às diretivas. Se uma correspondência for encontrada, ela será adicionada à lista de diretivas associadas ao elemento DOM especificado. Uma vez que todas as diretivas para um dado elemento DOM tenham […]

Angular.js ng-repeat em vários elementos

Esta questão foi parcialmente abordada aqui: Angular.js ng-repeat em vários tr’s No entanto, isso é apenas uma solução, 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 div, como fazer isso com ng-repeat?

Entendendo a expressão ‘track by’ do ngRepeat

Estou tendo dificuldades em entender como funciona a faixa por expressão de ng-repeat em 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 binding de dados e outros aspectos relevantes? com: track by $index sem (mesma saída)

Usando ng-if dentro de ng-repeat?

Eu estou trabalhando no aplicativo angular. Eu tentei usar ng-if e mudar dentro de ng-repeat, mas não consegui. Eu tenho dados como: **[{“_id”:”52fb84fac6b93c152d8b4569″, “post_id”:”52fb84fac6b93c152d8b4567″, “user_id”:”52df9ab5c6b93c8e2a8b4567″, “type”:”hoot”,}, {“_id”:”52fb798cc6b93c74298b4568″, “post_id”:”52fb798cc6b93c74298b4567″, “user_id”:”52df9ab5c6b93c8e2a8b4567″, “type”:”story”,}, {“_id”:”52fb7977c6b93c5c2c8b456b”, “post_id”:”52fb7977c6b93c5c2c8b456a”, “user_id”:”52df9ab5c6b93c8e2a8b4567″, “type”:”article”,},** $ scope.comments = dados mencionados acima e meu html como: //differnt template with hoot data //differnt template with story data //differnt […]

Usando vírgula como separador de lista com AngularJS

Eu preciso criar uma lista de itens separados por vírgulas: {{email}}{{$last ? ” : ‘, ‘}}… De acordo com a documentação do AngularJS, nenhuma instrução de stream de controle é permitida em expressões. É por isso que meu {{$last ? ” : ‘, ‘}} {{$last ? ” : ‘, ‘}} não funciona. Existe uma maneira […]

Como usar o “ng-repeat” dentro do modelo de uma diretiva no Angular JS?

Sou novo no Angular JS e estou tentando criar uma diretiva personalizada que será usada como abaixo: Corrompidos controlador será: $scope.cashAccountsColumns = [ {“field”: “description”, “title”: “Description”}, {“field”: “owner”, “title”:”Owner”}, {“field”: “currentBalance”, “title”:”Current Balance” } ]; E o código da diretiva é: return { restrict : ‘EA’, transclude : false, templateUrl : ‘html/linkedlist.html’, scope: { […]