如何在angular2中动态呈现表单输出

时间:2016-10-28 03:14:27

标签: angular

嗨,我是角色2的新手,如果这是一个愚蠢的问题,请道歉。

我试图看看是否有办法在表单提交上呈现数据。基本上,表单返回来自ma get get请求的JSON,我想知道是否可以返回json但是在点击提交后很好地(可能在表格中)呈现到页面上。

我不是在寻找书面解决方案我只是想知道如何解决它。

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

谢谢,如果这是一个愚蠢的问题再次对不起..

1 个答案:

答案 0 :(得分:0)

我平常的方式:

获取数据

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

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

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

显示数据

然后在html中你可以检查模型是否为null,如果是,则绘制模型(使用表或其他):

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