Estou com uma dúvida quanto ao disabled. Tenho um array de pessoas
que quero incluir em um array de empresa
. Utilizo o data-ng-repeat para exibir as pessoas
em uma tabela, onde são adicionados botões a cada linha para que sejam adicionados no array empresa
. Desabilitei a funcionalidade de adicionar uma pessoa à empresa através do disabled
para que não haja um cadastro duplicado.
var a = angular.module("2",[]);
a.controller("controller", function($scope){
$scope.pessoas= [{nome:"Rodrigo", data:"18/01/1991", id:"1"},
{nome: "Ana", data:"12/04/1959", id:"2"},
{nome: "Teresa", data:"19/07/1984", id:"3"}];
$scope.empresa=[];
$scope.adicionarContatos = function(pessoa){
$scope.empresa.push(angular.copy(pessoa));
};
$scope.removerContato = function(z){
$scope.empresa.pop(z);
};
});
<table>
<tr>
<th>Nome</th>
<th>Data</th>
</tr>
<tr data-ng-repeat="z in pessoas">
<td data-ng-bind="z.nome"></td>
<td data-ng-bind="z.data"></td>
<td> <button class="btn btn-sucess fa fa-shopping-cart" data-ng-click="adicionarContatos(z)" onclick="disabled=true"></button>
</td>
</tr>
</table>
Porém, como consequência, não consigo mais reabilitar o botão mesmo deletando um objeto do array empresa
, que também é exibido em uma outra tabela através do ng-repeat.
<table>
<tr>
<th>Nome</th>
<th>Data</th>
</tr>
<tr data-ng-repeat="z in empresa">
<td data-ng-bind="z.nome"></td>
<td data-ng-bind="z.data"></td>
<td> <button class="btn btn-sucess fa fa-shopping-cart" data-ng-click="removerContato(z)" </button>
</td>
</tr>
</table>
O que eu preciso fazer para que, ao remover a pessoa de empresa
, ele automaticamente habilite a pessoa em pessoas
? Já tentei atribuir id a cada botão, mas somente o primeiro é setado e o document.getElementByID
não funciona.