如何在 Angular 中做恢复反应式语句?

开V

我在 Angular 中使用响应式表单,并将所有选定的值存储在会话存储中,以便在一段时间后恢复并使用现有值激活表单。

问题是表单的某些值,或者更好的说法是表单元素具有依赖关系。

例如,如果用户选择下拉元素,它必须向服务器发送请求以检索数据并填写下一个元素表单。这样的序列可以更多。当一个领域依赖于另一个领域时。

当我从存储中读取存储的值时,我无法激活表单元素和它们的序列调用。

你如何在 Angular 中处理这个概念?

多梅尼克

如果我理解正确,您将无法根据所选值动态显示元素。

在 Angular 中,您可以使用*ngIffor 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在函数式反应式编程中,如何在应用程序的两个部分之间共享状态?

来自分类Dev

如何在反应式扩展中实现并行扇出处理?

来自分类Dev

如何在Angular.js中解析

来自分类Dev

如何在R / Shiny中建立反应式数据框?

来自分类Dev

如何在Java中对改装的反应式请求进行反抖动?

来自分类Dev

如何在空格键{{if}}中获取HTML,以使用Session变量进行反应式更改?

来自分类Dev

如何在Angular 2中利用URLSearchParams?

来自分类Dev

如何在Angular 2中关闭模态?

来自分类Dev

如何在反应式Android中打印控制台日志?

来自分类Dev

如何在反应式编程中抑制onComplete?(RxJava)

来自分类Dev

如何在angular的反应式表单上添加特定的验证

来自分类Dev

如何在Vue.js中设置反应式窗口参数 window.innerWidth不起作用

来自分类Dev

反应式编程如何做决策

来自分类Dev

如何在Angular中以反应形式禁用按钮?

来自分类Dev

如何在Vue 3的Composition API中的反应式嵌套对象上使用.value?

来自分类Dev

如何在Shiny中为反应式数据帧分配行名?

来自分类Dev

如何从反应式WebClient响应中获取数据

来自分类Dev

如何在Spring Boot RSocket反应式中处理入站流取消

来自分类Dev

如何在angular js中执行switch或else / if语句?

来自分类Dev

如何在Shiny中包含带有反应式MathJax元素的html代码?

来自分类Dev

如何在Angular JS中顺序执行sql语句

来自分类Dev

将控件动态添加到 Angular 中的反应式表单的问题

来自分类Dev

在Android反应式编程中,如何在应用过滤器后拆分流对象数据?

来自分类Dev

如何在反应式编程中实现热流

来自分类Dev

Angular 5 反应式主键

来自分类Dev

如何创建一个 Angular 6 反应式表单,其中使用按钮添加和删除表单组

来自分类Dev

在 Angular2 中验证反应式表单字段的最佳方法是什么?

来自分类Dev

如何在if语句jasmin karma angular中测试函数

来自分类Dev

在具有反应式表单的 Angular 7 应用程序中,我如何修改此方法以便它仅清除表单组中的无效表单控件?

Related 相关文章

  1. 1

    在函数式反应式编程中,如何在应用程序的两个部分之间共享状态?

  2. 2

    如何在反应式扩展中实现并行扇出处理?

  3. 3

    如何在Angular.js中解析

  4. 4

    如何在R / Shiny中建立反应式数据框?

  5. 5

    如何在Java中对改装的反应式请求进行反抖动?

  6. 6

    如何在空格键{{if}}中获取HTML,以使用Session变量进行反应式更改?

  7. 7

    如何在Angular 2中利用URLSearchParams?

  8. 8

    如何在Angular 2中关闭模态?

  9. 9

    如何在反应式Android中打印控制台日志?

  10. 10

    如何在反应式编程中抑制onComplete?(RxJava)

  11. 11

    如何在angular的反应式表单上添加特定的验证

  12. 12

    如何在Vue.js中设置反应式窗口参数 window.innerWidth不起作用

  13. 13

    反应式编程如何做决策

  14. 14

    如何在Angular中以反应形式禁用按钮?

  15. 15

    如何在Vue 3的Composition API中的反应式嵌套对象上使用.value?

  16. 16

    如何在Shiny中为反应式数据帧分配行名?

  17. 17

    如何从反应式WebClient响应中获取数据

  18. 18

    如何在Spring Boot RSocket反应式中处理入站流取消

  19. 19

    如何在angular js中执行switch或else / if语句?

  20. 20

    如何在Shiny中包含带有反应式MathJax元素的html代码?

  21. 21

    如何在Angular JS中顺序执行sql语句

  22. 22

    将控件动态添加到 Angular 中的反应式表单的问题

  23. 23

    在Android反应式编程中,如何在应用过滤器后拆分流对象数据?

  24. 24

    如何在反应式编程中实现热流

  25. 25

    Angular 5 反应式主键

  26. 26

    如何创建一个 Angular 6 反应式表单,其中使用按钮添加和删除表单组

  27. 27

    在 Angular2 中验证反应式表单字段的最佳方法是什么?

  28. 28

    如何在if语句jasmin karma angular中测试函数

  29. 29

    在具有反应式表单的 Angular 7 应用程序中,我如何修改此方法以便它仅清除表单组中的无效表单控件?

热门标签

归档