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

まずは理由から説明します

• 1: DOM 操作は View 値を直接変更しますが、$scope.name は 123 のままであり、これは非常に重要です

。

• 2: ng 操作。$scope.name はまだ 123 であり、この時点では 123 の値が割り当てられているため、実際には何も行われません

• 3: ng 操作、$scope.name には 124 の値が割り当てられます。このとき、名前が変更され、angular はビューの値を更新するために戻ります。値は同じであるため、効果は確認できません。 。次に、2:ng 操作をクリックすると、$scope.name に値 123 が割り当てられます。これが変更されると、ビューの値が同期的に更新されます。

少し複雑です

補足

リーリー