如何在angular2中动态渲染表单输出

用户名

嗨,我是新手,对Angular 2表示歉意,如果这是一个愚蠢的问题。

我正在尝试查看是否有一种方法可以在表单提交中呈现数据。基本上,表单从get请求返回JSON,我想知道是否有可能在单击Submit之后将json返回,但是很好地呈现(可能在表中)到页面上。

我不是在寻找书面解决方案,我只是想知道我该怎么做。

tldr; 用户以表单的形式提交信息,表单执行http请求并返回json。我可以在表格中很好地显示在桌子上吗?

谢谢,再次抱歉,如果这是一个愚蠢的问题。

乔纳斯·MH

我通常的做法是:

获取数据

首先将响应解析为模型/对象,例如:

http.post(someUrl, body).subscribe((res) => this.model = res.json())

请求成功后,将调用订阅中的回调

显示数据

然后在html中,您可以检查模型是否为非空,如果是,则绘制模型(使用表格或其他方法):

<div *ngIf="model">
    // Do something else with your model here
    {{ model }}
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Angular 8中捕获动态渲染组件的输出?

来自分类Dev

Angular2 +中动态渲染输入元素的指令

来自分类Dev

渲染完所有组件后,如何在Angular2中运行TypeScript代码?

来自分类Dev

如何在Angular2中与其动态交互的2个组件中注入相同的服务

来自分类Dev

如何在Angular2中向服务器提交表单?

来自分类Dev

如何在Angular2中使用数组迭代表单组

来自分类Dev

如何在angular2的表单元素中获取下拉列表选择的值

来自分类Dev

如何在Angular 2中动态添加和删除表单字段

来自分类Dev

当它在Angular 2中动态创建时,如何在选择表单上设置特定选项?

来自分类Dev

如何在angular2中动态格式化输入元素?

来自分类Dev

如何在Angular2中使用* ngFor动态生成ngModel?

来自分类Dev

如何在Angular2 +中向动态创建的元素添加属性?

来自分类Dev

如何在Angular2中使用动态默认路由?

来自分类Dev

如何在Typescript / Angular2中返回动态类型的对象?

来自分类Dev

如何在Angular2中更改表的动态行的类

来自分类Dev

如何在 Angular2 中动态更改十六进制背景颜色?

来自分类Dev

如何在图表中动态设置新的 yAxis 数据(highcharts + angular2(4))?

来自分类Dev

如何在Svelte中动态渲染组件?

来自分类Dev

如何在React中渲染动态表

来自分类Dev

如何在Angular2中包含npm中的CSS

来自分类Dev

如何在React中呈现动态表单

来自分类Dev

Angular2:如何在第 2 页上获取第 1 页的表单验证状态?

来自分类Dev

Angular2中的动态模板“包含”

来自分类Dev

在Angular2中动态加载组件

来自分类Dev

在Angular2中动态加载组件

来自分类Dev

在Angular2中创建动态数组

来自分类Dev

如何从Angular中的JSON创建动态表单?

来自分类Dev

如何在Angular中的另一个动态加载的组件内渲染组件?

来自分类Dev

如何在netlogo中动态输出值

Related 相关文章

  1. 1

    如何在Angular 8中捕获动态渲染组件的输出?

  2. 2

    Angular2 +中动态渲染输入元素的指令

  3. 3

    渲染完所有组件后,如何在Angular2中运行TypeScript代码?

  4. 4

    如何在Angular2中与其动态交互的2个组件中注入相同的服务

  5. 5

    如何在Angular2中向服务器提交表单?

  6. 6

    如何在Angular2中使用数组迭代表单组

  7. 7

    如何在angular2的表单元素中获取下拉列表选择的值

  8. 8

    如何在Angular 2中动态添加和删除表单字段

  9. 9

    当它在Angular 2中动态创建时,如何在选择表单上设置特定选项?

  10. 10

    如何在angular2中动态格式化输入元素?

  11. 11

    如何在Angular2中使用* ngFor动态生成ngModel?

  12. 12

    如何在Angular2 +中向动态创建的元素添加属性?

  13. 13

    如何在Angular2中使用动态默认路由?

  14. 14

    如何在Typescript / Angular2中返回动态类型的对象?

  15. 15

    如何在Angular2中更改表的动态行的类

  16. 16

    如何在 Angular2 中动态更改十六进制背景颜色?

  17. 17

    如何在图表中动态设置新的 yAxis 数据(highcharts + angular2(4))?

  18. 18

    如何在Svelte中动态渲染组件?

  19. 19

    如何在React中渲染动态表

  20. 20

    如何在Angular2中包含npm中的CSS

  21. 21

    如何在React中呈现动态表单

  22. 22

    Angular2:如何在第 2 页上获取第 1 页的表单验证状态?

  23. 23

    Angular2中的动态模板“包含”

  24. 24

    在Angular2中动态加载组件

  25. 25

    在Angular2中动态加载组件

  26. 26

    在Angular2中创建动态数组

  27. 27

    如何从Angular中的JSON创建动态表单?

  28. 28

    如何在Angular中的另一个动态加载的组件内渲染组件?

  29. 29

    如何在netlogo中动态输出值

热门标签

归档