Question

我是Angular 2的新手，使用json数据，在使用typescript处理时，我使用{{ data | json }}从对象获取json数据，而不是JSON变量我需要获取{{1}中的数据在我的网页上标记。有没有可用的解决方案？

例如：如果数据采用以下格式：

<div>

我需要以下列格式：

{ type:"header",subtype:"h1",name:"FormName" }

Answer 1

如果我完全理解你的问题，你可以在Angular2中使用innerHtml函数。

app.component.ts

export class AppComponent implements {
constructor() {
}

data = { type:"header",subtype:"h1",name:"Formname" };
  htmlString=`<${this.data.subtype}>${this.data.name</${this.data.subtype}>`;}

app.component.html

<div [innerHTML]="htmlString"></div>

Answer 2

假设您从服务中检索整个表单的内容作为对象数组，每个对象都有一个元素。使用
遍历数组 * ngFor（arr的obj）
var element =＆＃39;＆lt; {{obj.subtype}}＆gt; {{obj.value}}＆＃39;
formElement.append（元件）

（这只是一个存根来说明。这将创建所有类型的元素，你只需要处理不同类型的属性，如css）

Angular 2在div标签中获取json数据

2 个答案: