在Angular 2+中禁用雙向數據綁定（5）

Question

我在按國家/地區獲取國家/地區時遇到問題。 所以我有一個帶有用戶的表格（表格），每個用戶都有countyId （數字）和stateId （數字）。 在ngOnInit我得到了所有國家/地區。 當打開用戶詳細信息或正在編輯此詳細信息時，我會顯示狀態。 現在，我對這些事件有了解決方法。 但是我嘗試了一些更優雅的方法，但是雙向數據綁定存在問題。 這是一個例子。

<p *ngIf="countries.length"><strong class="mr-1">Country:</strong> {{countries | stateName:dataItem.mailingAddress.countryId}}</p>
<p><strong class="mr-1">State/Province:</strong> {{states(dataItem.mailingAddress.countryId, dataItem.mailingAddress.stateId)}}</p>

該函數每次都會states呼叫，因此我需要循環。 在此功能中，我想檢查我是否具有與國家/地區相關的州，如果沒有，請向服務器請求。 所以我只需要運行這個功能。

從服務器我得到了縣陣列

[
  { id: 1, name: "USA"},
  ...
]

並按國家/地區的ID進行說明。

我什么也找不到，只有我可以運行此功能。 也許有人知道更好的解決方法。

PS此管道stateName僅通過countryId設置國家名稱。

如果有人幫助我，我將非常感激。

Answer 1

您可以嘗試使用與國家/地區相同的管道，並在加載用戶時加載狀態：

this.userService.getUser<User>()
.do{
    this.states(user.mailingAddress.countryId, user.mailingAddress.stateId);
}
.subscribe(users => this.users = users);