AngularJS - 初期値がnullの場合のバインディングは更新後に更新されません

Question

私のバインディングが更新されないケースがあります。なぜそれが起こっているのか理解していますが、解決方法は不明です。

私のコントローラには、ユーザが入っていてもいなくてもよいuserというプロパティを持つcompanyオブジェクトがあります。そのユーザーは別のオブジェクトです。

これは、会社のユーザーがいない場合にのみ発生します。テンプレートにユーザーの名前を表示する場合は、{{ companyCtrl.company.user.name || 'N/A' }}を実行します。ユーザーがいないため、N/Aと表示されます。私はその後、ユーザーを割り当て、応答では、company.userを更新して、もうnullではないようにします。

ただし、私のテンプレートではまだN/Aと表示されています。最初はユーザーがいなかったので、バインディングがなかったからだと思います。

しかし、私は肯定的ではありません。ページが読み込まれたときに既にユーザーがいて、単純にユーザーを変更した場合、その名前がテンプレートで更新されます。

Answer 1

私はこの説明が難しいと思っていますが、companyCtrl.company.userを新しいオブジェクトに割り当てると、テンプレート内のcompanyCtrl.company.user.nameへの参照は元のオブジェクトを指しています。まだヌルです。これを有効にするには、companyCtrl.company.userのプロパティを、オブジェクト全体ではなく、割り当てたいユーザーの値に割り当てます。

Answer 2

角度範囲外の範囲値（たとえばjQueryコールバック）を更新する場合は、角度ダイジェストを行うには$scope.$apply()または$scope.$digest()または$scope.$evalAsync()を呼び出す必要があります。

Answer 3

モデルが更新される前にダイジェストが実行されるからです。ダイジェストを強制するには、あなたのコードを$タイムアウトの中に置くことができます。