我在 Angular 中使用响应式表单,并将所有选定的值存储在会话存储中,以便在一段时间后恢复并使用现有值激活表单。
问题是表单的某些值,或者更好的说法是表单元素具有依赖关系。
例如,如果用户选择下拉元素,它必须向服务器发送请求以检索数据并填写下一个元素表单。这样的序列可以更多。当一个领域依赖于另一个领域时。
当我从存储中读取存储的值时,我无法激活表单元素和它们的序列调用。
你如何在 Angular 中处理这个概念?
如果我理解正确,您将无法根据所选值动态显示元素。
在 Angular 中,您可以使用*ngIf
for DOM 元素来触发显示它们。当您向服务器发送 HTTP 请求以检索数据时,这被视为异步函数。这将返回 Angular 中数据类型的 Observable,然后您可以订阅它。因此,当最终接收到数据时,如果*ngIf
是基于接收到的数据,则可以触发DOM元素添加到页面中。
例如:
假设客户端有一个服务层叫做DataService
成分:
data;
constructor(dataService: DataService) {
}
this.dataService().getData().subscribe(value => this.data = value);
HTML:
...
<div *ngIf="data">
* Other Form Elements *
</div>
...
更多信息可以在这里找到:
表格:https : //angular.io/guide/forms-overview
HTTP:https : //angular.io/guide/http
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句