- communauté
- Apprendre
- Bibliothèque d'outils
- Loisirs
Maison > Questions et réponses > le corps du texte
lien violon : http://jsfiddle.net/08tox9k4/
<html ng-app = 'test'>
<head></head>
<body ng-controller = 'testCtrl'>
<p ng-repeat="qq in obj.qqs">
<input class="qq" ng-model="obj.qqs[$index]" placeholder="请输入">;
</p>
<script src="angular.min.js"></script>
<script type="text/javascript">
angular.module('test',[])
.controller('testCtrl', ['$scope', function($scope){
$scope.obj = {
qqs: ["12345","23456"]
};
}]);
</script>
</body>
</html>
Problème : lors de la modification d'une valeur dans la balise d'entrée générée, le focus de la souris est perdu à chaque fois qu'un chiffre est modifié. Cela peut être dû au fait que la vue est actualisée par le changement de données.
Comment puis-je modifier complètement la valeur dans l'entrée ? Ensuite, enregistrez les modifications via le bouton Enregistrer ou quelque chose du genre ?
Ou comment annuler temporairement la surveillance des variables ?
滿天的星座2017-05-15 16:54:42
Vous avez quelques questions :
1. ng-model="obj.qqs[$index]" devrait être ng-model="qq" Cela peut résoudre le problème de la disparition du focus.
2. Généralement, les variables de type primitif ne sont pas utilisées car l'objet ng-model peut être utilisé ici.
["12345","23456"] => [{val: "12345"}, {val: "23456"}]
Ensuite, ng-model doit également être modifié en qq.val
3. Comment enregistrer via le bouton, utilisez simplement ng-click.
4. Problème de style. Utilisez la syntaxe 'controller as ctrl' pour éviter d'utiliser $scope à l'intérieur du contrôleur. Voir l'exemple ci-dessous pour plus de détails
Échantillon de travail : http://jsfiddle.net/wfh04vhc/
过去多啦不再A梦2017-05-15 16:54:42
Explication détaillée de l'utilisation de ng-model sous AngularJS ng-repeat : description du lien
