http://codepen.io/anon/pen/JXogBj?editors=1010
上記のコードに示すように、 が 1:dom操作 をクリックしてから 2:ng操作 をクリックした場合、3:ng操作 をクリックしてから 2:ng操作 をクリックしない限り、ラベルの値は変更されません。 2:ng操作 を常に有効にする方法はありますか?
1:dom操作
2:ng操作
3:ng操作
1: DOM 操作は View 値を直接変更しますが、$scope.name は 123 のままであり、これは非常に重要です
2: ng 操作。$scope.name はまだ 123 であり、この時点では 123 の値が割り当てられているため、実際には何も行われません
3: ng 操作、$scope.name には 124 の値が割り当てられます。このとき、名前が変更され、angular はビューの値を更新するために戻ります。値は同じであるため、効果は確認できません。 。次に、2:ng 操作をクリックすると、$scope.name に値 123 が割り当てられます。これが変更されると、ビューの値が同期的に更新されます。
少し複雑です
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
まずは理由から説明します
1: DOM 操作は View 値を直接変更しますが、$scope.name は 123 のままであり、これは非常に重要です
2: ng 操作。$scope.name はまだ 123 であり、この時点では 123 の値が割り当てられているため、実際には何も行われません
3: ng 操作、$scope.name には 124 の値が割り当てられます。このとき、名前が変更され、angular はビューの値を更新するために戻ります。値は同じであるため、効果は確認できません。 。次に、2:ng 操作をクリックすると、$scope.name に値 123 が割り当てられます。これが変更されると、ビューの値が同期的に更新されます。
少し複雑です
補足
リーリー