我试图根据我得到的数据从服务器获取响应后创建元素。是否有可能创建将在获取新数据后更新DOM的组件?即加载后的角度2 DOM操作
<table>
<thead>
<tr>
<th>First name</th>
<th>Last name</th>
</tr>
</thead>
<tbody>
...
</tbody>
</table>
我想在加载页面后用angular2组件构建这样的表。我试图用对组件
@Component({
selector: 'thead',
template: `
<tr>
<th *ng-for="#th of tableHeaders">{{ th.name }}</th>
</tr>
`
})
export class TableHeader {
tableHeaders: Array<any>;
constructor() {
this.tableHeaders = [];
}
addHeader(header) {
this.tableHeaders.push(header)
}
}
和其他地方
...
this.http.get('/some/url')
.map(res: Response => res.json())
.subscribe(
(data: any) => {
for (var i = 0; i < data.tableColumns.length; i += 1) {
TableHeader.addHeader(data.tableColumns[i])
}
}
)
...
我在正确的方向白衣的是要做到这一点?