J'essaie de permettre à l'utilisateur de modifier une liste d'éléments en utilisant la fonction ngRepeat y ngModel . ( Voir ce violon .) Cependant, les deux approches que j'ai essayées conduisent à un comportement bizarre : l'une ne met pas à jour le modèle, et l'autre rend le formulaire flou à chaque pression sur une touche.
Est-ce que je fais quelque chose de mal ici ? Est-ce que ce cas d'utilisation n'est pas pris en charge ?
Voici le code du violon, copié pour plus de commodité :
<html ng-app>
<head>
<link href="stackoverflow.com//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">
</head>
<body ng-init="names = ['Sam', 'Harry', 'Sally']">
<h1>Fun with Fields and ngModel</h1>
<p>names: {{names}}</p>
<h3>Binding to each element directly:</h3>
<div ng-repeat="name in names">
Value: {{name}}
<input ng-model="name">
</div>
<p class="muted">The binding does not appear to be working: the value in the model is not changed.</p>
<h3>Indexing into the array:</h3>
<div ng-repeat="name in names">
Value: {{names[$index]}}
<input ng-model="names[$index]">
</div>
<p class="muted">Type one character, and the input field loses focus. However, the binding appears to be working correctly.</p>
</body>
</html>
