Question

说Blz家伙？！

对于angularjs我很新，我是巴西人，请原谅我的英文，被翻译成谷歌。

我正在开发一个表单，但无法对ng模型进行抽象。请按照以下说明进行更好的理解。

＆LT; --- ---- JS＆GT;

/* 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);
            };

＆lt; --------- HTML -----------＆gt;

<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之外。因为我在上面是绝对的。

我想帮忙。我不知道这里的这类问题是否可以接受，但如果没有，请道歉！

Answer 1

尝试将“追踪$ index”添加到ng-repeat：

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

angularjs与ng-repeat形成

1 个答案: