Question

我有一个具有array和两个属性的对象; rows和columns。我想基于这两个属性绘制一个表格，并将myObject的数组元素填入其中。但这将是动态的，因为属性从对象更改为另一个对象。

例如，可能的组合可能是：

myObject.array   = ["x1","x2","x3","x4"];

myObject.rows    = 2;
myObject.columns = 2; 
// then draw this table
-----------
| x1 | x2 |
-----------
| x3 | x4 |
-----------
    OR
myObject.rows    = 1;
myObject.columns = 4;
// then draw this table
---------------------
| x1 | x2 | x3 | x4 |
---------------------
    OR
myObject.rows    = 4;
myObject.columns = 1;
// then draw this table
------
| x1 |
------
| x2 |
------
| x3 |
------
| x4 |
------
    OR
myObject.array   = [12 elements]    
myObject.rows    = 3;
myObject.columns = 4;
.....................

我还有一个用数字和ngFor循环的管道：

@Pipe({name: 'fill'})
export class FillPipe implements PipeTransform {
  transform(value) {
    let number = new Array();

    for (var i = 0; i < value; i++) {
      number.push(i);
    }

    return number;
  }
}

你能引导我走向正确的方向吗？

Answer 1

我在这里找到了类似的问题：How to use Angular2 templates with *ngFor to create a table out of nested arrays?

根据行号和列号创建一个表并填充它

1 个答案: