La liaison bidirectionnelle dans AngularJs est excellentemettre à jour la vue chaque fois que le modèle change. Je me demandais s'il y avait un moyen de passer le modèle à une fonction définie dans le contrôleur avant d'être affiché. Et pas avec un clic sur un bouton mais en direct.
Ainsi, par exemple, le p l'élément serait mis à jour automatiquement
<input data-ng-model="myModel">
<p>{{myModel}}</p>
Est-il possible de faire ce qui suit?
<div data-ng-controller="myController">
<input data-ng-model="myModel">
<p>{{increment(myModel)}}</p>
</div>
où incrément est une fonction définie dans myController
Réponses:
2 pour la réponse № 1Très certainement, vous pouvez. Il suffit de définir la fonction dans le même contrôleur. Par exemple
Manette:
app.controller("myCtrl", function($scope) {
$scope.increment = function() {
return $scope.myModel;
}
});
HTML
<div data-ng-controller="myController">
<input data-ng-model="myModel">
<p>{{increment()}}</p>
</div>
Cela retourne exactement la même chose que {{myModel}}