AngularJS - 當初始值爲null時綁定在更新後不會更新

Question

我遇到綁定不更新的情況，我想我理解它爲什麼會發生，但我不確定如何解決它。

在我的控制器中，我有一個company對象，它有一個屬性user，它可能包含或不包含用戶。該用戶是另一個對象。

這隻發生在我沒有公司用戶的情況下。當我在我的模板上顯示用戶名時，我會執行{{ companyCtrl.company.user.name || 'N/A' }}。所以它將顯示N/A，因爲沒有用戶。然後我會分配一個用戶，並在響應中更新company.user，以便它不再爲空。

但是，在我的模板中，它仍顯示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

這是因爲摘要在模型更新之前運行。要強制摘要，可以將代碼放入$ timeout。