検索

ホームページ  >  に質問  >  本文

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

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

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

仅有的幸福仅有的幸福2747日前713

全員に返信(1)返信します

  • 怪我咯

    怪我咯2017-05-15 17:01:06

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

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

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

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

    少し複雑です

    補足

    リーリー

    返事
    0
  • キャンセル返事