在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);