Estou tentando fazer uma tabela, onde mostra a lista dos pedidos e o botão para edição
Lita de pedido:
var lista = [
{id: 1, nome: 'Pedido 1', ano1: 100, ano2: 200},
{id: 2, nome: 'Pedido 2', ano1: 100, ano2: 200},
{id: 3, nome: 'Pedido 3', ano1: 100, ano2: 200},
{id: 4, nome: 'Pedido 4', ano1: 100, ano2: 200},
{id: 5, nome: 'Pedido 5', ano1: 100, ano2: 200}
];
Ao clicar no botão Editar, aparece os inputs com mesmo modulo dos valores mostrado na tabela, que no inicialmente esta escondidos, para fazer alteração
Como eu posso fazer essa função para mostrar e esconder os inputs?
Pensei em adicionar uma propriedade editando
para pedido, porem como essa propriedade não é nenhum dado do pedido, queria saber se tem alguma forma para realizar isso, sem adicionar propriedade no modal
<table class="table">
<tr>
<td>
<input type="checkbox" ng-click="selecionarTudo($event, lista)">
</td>
<td>Nome</td>
<td>Ano 1</td>
<td>Ano 2</td>
<td>Ação</td>
</tr>
<tr ng-repeat="pedido in selecionado" ng-click="tableCheck($event, pep)">
<td>
<input type="checkbox" ng-model="pedido.selected">
</td>
<td>{{pedido.nome}}</td>
<td>
{{pedido.ano1 | currency | real}}
<input type="text" ng-model="pedido.ano1">
</td>
<td>
{{pedido.ano2 | currency | real}}
<input type="text" ng-model="pedido.ano2">
</td>
<td>
<button class="btn">Editar</button>
</td>
</tr>
</table>