如何用翡翠填写表格

how to fill out the table in Jade

本文关键字：表格 何用翡      更新时间：2023-09-26

我有一个对象数组

[{ name: Test1, phoneNumb: 123, email: abc }, {name: Test2, phoneNumb: 321, email: cba}, ...]

如何在Jade 中填写这些值的表格

如果您使用AngularJS，请尝试以下操作：

table
    thead
        tr
            th Name
            th Phone number
            th Email
    tbody
        tr(ng-repeat='item in items')
            td item.name
            td item.phoneNumb
            td item.email

在你的控制器中分配这样的项目集合：

$scope.items = [{ name: "Test1", phoneNumb: 123, email: "abc" }, {name: "Test2", phoneNumb: 321, email: "cba"}];

如果不使用AngularJS，请手动重复每个tr标记。

table
        thead
            tr
                th Name
                th Phone number
                th Email
        tbody

和javascript函数：

function fillTable() {
    var array = [{ name: "Test1", phoneNumb: 123, email: "abc" }, {name: "Test2", phoneNumb: 321, email: "cba"}];
    var table = document.getElementById('table');
    for(var i = 0; i < array.length; i++) {
        var row = table.insertRow();
        var name = row.insertCell(0);
        var number = row.insertCell(1);
        var email = row.insertCell(3);
        name.innerHTML = array[i].name;
        number.innerHTML = array[i].phoneNumb;
        email.innerHTML = array[i].email;
    }
}
相关文章：