AngularJS 2动态搜索div中的id并添加新div

如何通过编程方式通过

id

搜索项目，并在其中添加其他元素

我搜索了网络，在angularjs2的网站上，但我找不到任何例子，如果不是因为我做错了，或者是因为其他原因

@Component({
    selector: "testcomponente",
    template: `
    //other code  
    <div class = "container" id = "table1" >

    </div>
    `
 })


export class Mov {
.//
t(){
   var iDiv = document.createElement('div');
   iDiv.id = 'block';
   iDiv.className = 'block';
   var t : any = document.getElementsById('table1').appendChild(iDiv); <-- error
   .//
}

---

任何示例或链接都非常感谢，我的英语很抱歉。

根据HTML标准，页面上只允许一个选择器

id

。因此，您需要更正方法名称应该是单数而不是复数

改为

document.getElementById('table1')

而不是

document.getElementsById('table1')

但是从技术上讲，如果您想要添加元素的数量，您可以在这里使用

ngFor

指令动态地按需呈现该元素

代码

import { NgFor } from 'angular2/common'

@Component({
    selector: "testcomponente",
    template: `
    <button type="button" (click)="addElement()">Add Element</button>
    //other code  
    <div class = "container" id = "table1" >
       <div *ngFor="item in items"> Repeatative Item content </div>
    </div>
    `,
    directives: ['NgFor']
})

export class Mov {
    items: Array<number>();
    count: number = 1;

    addElement(){
       items.push(++number);
    }
}

从'angular2/common'导入{NgFor}
@组成部分({
选择器：“testcomponente”，
模板：`
添加元素
//其他代码
重复项目内容
`,
指令：['NgFor']
})
出口级Mov{
项目：数组（）；
计数：数字=1；
附加元素（）{
项目推送（++编号）；
}
}

我想做的是按下按钮添加一个div，这将是一个正确的方法吗？@Angel很高兴知道这一点。谢谢：）

import { NgFor } from 'angular2/common'

@Component({
    selector: "testcomponente",
    template: `
    <button type="button" (click)="addElement()">Add Element</button>
    //other code  
    <div class = "container" id = "table1" >
       <div *ngFor="item in items"> Repeatative Item content </div>
    </div>
    `,
    directives: ['NgFor']
})

export class Mov {
    items: Array<number>();
    count: number = 1;

    addElement(){
       items.push(++number);
    }
}