JavaScript - ヘルプ Angular 1 $scope のオブジェクト プロパティに値を代入することが機能しない理由 (スコープの問題)、いつもありがとうございます!

Question

そのようなモジュールを定義し、angularのネイティブngRouteを使用します

リーリー

IDadd.html的ng-template使用了ng-model绑定了$scope中titleの値で、add()イベントをバインドするボタンを設定します

リーリー

ここで問題が発生します。下の図に示すように、input框内的值，<span>内的值会跟着改变，这说明数据有存在双向绑定，即$scope.title会随着inputボックスの値を変更します。

ただし、どんなに変わってもinput框内的值，点击button内触发add()事件时，控制台输出的a对象的prop属性永远是$scope.title的初始值'' (タイトルの値が変わっても変わらない)

マスターに手伝ってもらってください、初心者なので久しぶりに理解できず、本当に感謝しています！

Answer 1

ページの入力は、a.prop ではなく $scope.title にバインドされています。入力で入力および変更した内容は、Angular によって変更されましたが、誰も a.prop にアクセスできません。次に、値を割り当てます。これにより、常に最初に割り当てた値 ("") になります。

Answer 2

これは変数参照の問題です
`$scope.title = '';

リーリー

''的引用，你改变了$scope.title的值，就是断掉了$scope.title的引用，但是a.prop依然保持对''へのオブジェクト プロパティ参照を 2 つ作成しました

Answer 3

「AngularJS のスコープを理解する」という記事を読むことをお勧めします。