ng-repeat的angularjs形式

我是新來的angularjs，我是巴西人，請原諒我的英文，被翻譯成谷歌。

我正在開發一個表單，但不能抽象ng模型。按照下面的說明進行更好的理解。

< --- JS ---->

/* CONFIGURAÇÃO DO FORM */ 
      $scope.cfgForm = { 
       item: { 
        field: ["nome", "idade", "funcao"], 
        headers: ["Nome", "Idade", "Função"], 
        icon: ["person", "date_range", "business_center"] 
       } 
      }; 
      /* DADOS */ 
      $scope.clientes = [ 
       {nome: "Pablo Mendoça", idade: 25, funcao: "Estagiário"}, 
       {nome: "Ricardo Leite", idade: 41, funcao: "Diretor"}, 
       {nome: "Francisco Motta", idade: 35, funcao: "Gerente de Contas"} 
      ]; 

      /* FUNÇÕES */ 
      /* ADICIONAR CLIENTE */ 
      $scope.addCliente = function(cliente){ 
       console.log(cliente); 
      };

< --------- HTML ----------->

<div> 
          <!--{{cfgForm.item.field[k]}}--> 
          <md-input-container md-no-float class="md-block" ng-repeat="(k,field) in cfgForm.item.field"> 
           <label>{{cfgForm.item.headers[k]}}</label> 
           <md-icon><i class="material-icons" >{{cfgForm.item.icon[k]}}</i></md-icon> 
           <input ng-model="cliente.field" type="text"> 
           <!--{{cliente.k}}--> 
          </md-input-container> 
          <!--Botões de ação do Card--> 
          {{cliente}} 
          <md-card-actions layout="row" layout-align="end center"> 
           <md-button class="md-icon-button" ng-click="addCliente(cliente)"> 
            <i class="material-icons" >add_box</i> 
            <md-tooltip md-direction="left"> 
             Adicionar 
            </md-tooltip> 
           </md-button> 
          </md-card-actions> 
         </div> 
        </md-card-content>

那麼會發生什麼呢，當我把按鈕添加ng-repeat時，它會提取數據並顯示在島上，但是它不能重複，也就是說按鈕應該不在ng-repeat中。正如我以上所說的。

我想要幫助。我不知道這裏是否可以接受這種類型的問題，但如果沒有的話，永遠道歉！

來源

2015-12-30 Rick Batera

如果您在上英文網站的麻煩，你可以嘗試[堆棧溢出的葡文]（HTTP：//取而代之的是pt.stackoverflow.com/）。 – Makoto

嘗試添加「軌道由$指數」，以您的NG-重複：

<md-input-container md-no-float class="md-block" ng-repeat="(k,field) in cfgForm.item.field track by $index">

來源

2015-12-30 16:09:04

ng-repeat的angularjs形式

回答

相關問題