Estou com um problema na minha aplicação.
Quando uso o ng-repeat
do angularJS
para criar uma tabela, e nessa tabela existe um input
, e nesse campo input
, vem preenchido com um valor.
Tem também um botão SALVAR, onde ele pega o valor do INPUT
e manda como parâmetro.
Aí que está o problema. Se eu não clicar no Input
para depois clicar no salvar, ele não envia nenhum valor.
Alguém tem uma idéia ?
HTML
<body ng-app='app-pedido'>
<div ng-controller='ctl-pedido'>
<table class='table table-bordered table-striped'>
<thead>
<tr>
<th>Código</th>
<th>Descrição</th>
<th>Quantidade</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr ng-repeat='ax in itens'>
<td>{{ax.codigo}}</td>
<td>{{ax.descricao}}</td>
<td><input class='form-control' type='number' ng-model='txtQuantidade' ng-value='ax.quantidade'></td>
<td><button ng-click='Salvar(ax.codigo, txtQuantidade)' type='button' class='btn btn-primary btn-block'>Salvar</button></td>
</tr>
</tbody>
</table>
</div>
</body>
JAVASCRIPT
angular.module('app-pedido', [])
.controller('ctl-pedido', function($scope, $http) {
$scope.itens = [{
codigo: '00002305',
descricao: 'Módulo de Memória',
quantidade: '10.00'
}];
$scope.Salvar = function(codigo, quantidade) {
alert('O código do produto é ' + codigo + ' e a quantidade é ' + quantidade);
};
});