Na minha opinião, tenho uma lista de itens:
<li ng-repeat="fruit in items">
{{fruit.name}} / {{fruit.price}}
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">EDIT</button>
</li>
E eu gostaria de editar cada produto usando modal bootstrap. É por isso que preciso passar os dados de um produto específico para modal. Depois disso, simplesmente passarei esses dados para o script angular usando ng-click="saveFruit(dataFruit)"
e saveFruit
salvarei os dados.
Aqui está meu violino: http://jsfiddle.net/czus6s3a/
EDIT: Resposta totalmente alterada.
Clique aqui para ver um violino em funcionamento: http://jsfiddle.net/sn8u7kqe/1/ .
Alterações feitas:
No controlador, criei um $scope.dataFruit = null
, apenas para garantir que a variável seja inicializada. Eu também criei uma função da seguinte maneira:
$scope.setDataFruit = function(fruit) {
$scope.dataFruit = fruit;
};
Isso era para garantir que estávamos distribuindo nossos frutos à direita $scope
.
Finalmente, eu pedi que você movesse seu <div class="modal">
para DENTRO do div
que tinha a ng-controller
diretiva.
O controlador só aplicará seu modelo (variáveis, funções, etc), aos elementos dos quais ele tem visibilidade. De acordo com seu exemplo original, o modal estava FORA do div, portanto, a vinculação de dados não teria se aplicado lá.
Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
deixe-me dizer algumas palavras