angularjs: $ mise à jour de portée quand je change un select avec jQuery
Je suis en utilisant un plugin jQuery pour personnaliser mon sélectionne.
Ce plugin feux de l'événement de modification de l'original, sélectionnez lorsqu'une option est sélectionnée.
Le problème est que mon champ d'action ne change pas.
Ici vous pouvez voir un exemple rapide... changer l'sélectionnez le champ d'application des modifications. en cliquant sur les boutons select change mais pas la portée.
http://plnkr.co/edit/pYzqeL6jrQdTNkqwF1HG?p=preview
Ce qui me manque?
source d'informationauteur user2071887
Vous devez vous connecter pour publier un commentaire.
Vous avez besoin pour accéder au champ de la liste déroulante, puis de l'appliquer comme indiqué ci-dessous:
Lorsque vous cliquez sur le bouton, angulaire sort de son champ d'application et utilise jquery pour manipuler les données/pour effectuer une action, nous avons donc besoin de exlicitly appel de $scope.$appliquer() afin de refléter les modifications dans le champ d'application du contrôleur. Et le changement de votre contrôleur:
Par la façon dont vous pouvez utiliser jquery événement à l'intérieur de l'angle..
Idéalement dans angularJS, contrôleur ne doit pas mettre à jour DOM référence directement. Si vous voulez réaliser la même chose, vous devriez exposer une méthode de plus de $champ d'application et d'utilisation "ng-click" de la directive.
Si vous voulez atteindre même à l'aide de jQuery, il faut aller dans la directive comme
de mettre à jour le champ d'application.
Il est préférable de ne pas mélanger les manipulations du DOM Angulaire. Essayez ce qui suit pour votre bouton HTML:
J'ai essayé ci-dessus dans votre Plunker et cela a fonctionné.
Dans votre jQuery mettre auto déclencheur électronique.g