angular.js - angular1.x,dom操作与ng数据操作的冲突问题
仅有的幸福
仅有的幸福 2017-05-15 16:59:06
0
1
716

http://codepen.io/anon/pen/JXogBj?editors=1010

如上面的代码所示,
点击1:dom操作再点击2:ng操作,标签的值没改,除非点击3:ng操作再点击2:ng操作
有什么方法可以让2:ng操作总是生效?

仅有的幸福
仅有的幸福

répondre à tous(1)
刘奇

Expliquez d'abord la raison

  • 1 : L'opération DOM modifie directement la valeur de View, mais $scope.name est toujours 123 et n'a pas changé. C'est très important

  • .
  • 2 : opération ng, car $scope.name est toujours 123 et on lui attribue une valeur de 123 à ce moment-là, il ne fait en fait rien

  • 3 : ng opération, $scope.name se voit attribuer une valeur de 124. À ce moment, le nom change et angulaire revient pour mettre à jour la valeur de la vue. Parce que la valeur est la même, la. l’effet ne peut pas être vu. Cliquez ensuite sur l'opération 2:ng et $scope.name se voit attribuer une valeur de 123. Si elle est modifiée, la valeur de la vue sera mise à jour de manière synchrone.

Un peu alambiqué

Supplément

var helloApp = angular.module("helloApp", []);
helloApp.controller("HelloCtrl", function($scope) {
  $scope.name = "123";  
  
  $('#domopr').click(function(){
    $scope.$apply(function(){
       $scope.name = "124";
    });
  });
});
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal