Fala galera Blz?!
Sou novo em AngularJs.
Estou desenvolvendo um formulário porém não consigo fazer abstração do ng-model. Segue o código abaixo para melhor compreensão.
<- 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.field}}-->
</md-input-container>
<!--Botões de ação do Card-->
{{cliente.field}}
<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>
Bom, o que acontece é que quando coloco o botão de adicionar no ng-repeat ele abstrai o dado e mostra no console, no entanto ele não pode repetir, ou seja, o botão deve ficar fora do ng-repeat. Como estou mostranto acima.
Neste treço do código por exemplo:
{{cliente.field}}
Quando retiro o comentário no 1º {{cliente.field}} ele faz o bind certinho. No entanto o 2º {{cliente.field}} que já está fora do ng-repeat não faz. e o que preciso é justamente que esse faça, deste modo eu consigo passar o dado no ng-click que fica fora do ng-repeat.
Gostaria da ajuda!