用角度7迭代HTML标记?(动态地)

我们知道 [ngStyle] 需要一个具有css类型属性的json对象。

[ngAtrributes] 它需要一个带有属性的json对象。

我们的想法和目标是创建动态的html元素来呈现。

我尝试了这种方法: https://stackoverflow.com/a/48481199/9420442 <div> Hello world! </ Div> 我怎么能进入“你好世界!”有这个提议吗?

我最想要的是:

HTML格式:

<{{tag.tagName}} *ngFor="let tag in tags"
                 [ngStyle]="tag.style"
                 [ngAtrr]="tag.atrributes">
                 {{tag.text}}
</{{tag.tagName}}>

技术支持:

this.tags = [
    {
      tag: 'div',
      atrributes: [
        {'class': 'text-center'}
      ],
      'style': [
        {'back-ground-color': 'red'},
        {'color': 'blue'}
      ],
      'text': 'Hello World!'
    },
    {
      tag: 'input',
      type: 'number'
      atrributes: [
        {'max': '10'},
        {'place-holder': 'hello hello!'}
      ],
      'style': [
        {'back-ground-color': 'red'},
        {'color': 'blue'}
      ],
      'value': '100'
    }
];

这就是我所期待的。

<div class="text-center">Hello World!</div>

<input type="number" placeHolder="hello world" max="10" value="100"></input>