angular2吧 关注:58贴子:80
  • 2回复贴,共1

angular2 怎么动态生成table

只看楼主收藏回复

输入行和列生成对应的行数和列数的table,我用innerHtml为什么不行
var test = document.getElementById('test');
// console.log("--------------------------"+rows)
var table = "<table border = '1px'>";
for (var i = 1; i <= this.model.row; i++) {
table += "<tr>";
for (var j = 1; j <= this.model.col; j++) {
table += "<td><a href='#'>" + i + "-" + j + "</a></td>";
}
table+="</tr>"
}
table += "</table>";
document.write(table);
test.innerHTML = table;//不能在id为test的div中生成表格


1楼2018-03-08 11:42回复
    //.html中
    <div #test></div>
    //.ts中
    @ViewChild('test') test; //定义好引用
    //方法中
    var table = "<table border = '1px'>";
    for (var i = 1; i <= this.model.row; i++) {
    table += "<tr>";
    for (var j = 1; j <= this.model.col; j++) {
    table += "<td><a href='#'>" + i + "-" + j + "</a></td>";
    }
    table += "</tr>"
    }
    table += "</table>";
    this.test.nativeElement.innerHTML = table; //貌似最好用这种方式获取DOM,因为angular中不推荐直接使用DOM


    IP属地:江西2楼2018-04-18 11:22
    回复
      用anlugar2还这样操作dom就没意义了,ngfor加ngif就能完美解决


      IP属地:湖北来自Android客户端3楼2018-05-29 22:01
      回复