angular.js - angular1.x,dom操作与ng数据操作的冲突问题

Question

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

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

Answer 1

Terangkan sebabnya dahulu

• 1: Operasi DOM secara langsung menukar nilai View, tetapi $scope.name masih 123 dan ini sangat penting

• 2: operasi ng, kerana $scope.name masih 123, dan ia diberikan nilai 123 pada masa ini, ia sebenarnya tidak melakukan apa-apa

• 3: operasi ng, $scope.name diberikan nilai 124. Pada masa ini, nama berubah, dan sudut kembali untuk mengemas kini nilai paparan Kerana nilainya adalah sama kesan tidak dapat dilihat. Kemudian klik operasi 2:ng, dan $scope.name diberikan nilai 123. Jika ia ditukar, nilai paparan akan dikemas kini secara serentak.

Agak berbelit-belit

Tambahan

var helloApp = angular.module("helloApp", []);
helloApp.controller("HelloCtrl", function($scope) {
  $scope.name = "123";  
  
  $('#domopr').click(function(){
    $scope.$apply(function(){
       $scope.name = "124";
    });
  });
});