Angularjs 从angular生成标记而不迭代数组

我想创建一个简单的组件来创建。例如，列编号和行编号有两个输入

如何按用户行数和列数生成choosen

---

这是模板。迭代for对我来说很糟糕：事实上，在同一个模板中的

ngFor

中使用

ngFor

可能并不理想

也就是说，您可以利用一个或多个其他组件来分割不同的循环。例如：一个用于行，一个用于单元格

在这种情况下，您将有：

<div class="map">
  <div class="row" row [cells]="row.cells" *ngFor="let row of rows"></div>
</div>

而对于行组件

@Component({
  selector: 'row',
  template: `
    <div *ngFor="let cell of cells">{{cell.value}}</div>
  `
})
export class RowComponent {
  @Input()
  cells: any[];
}

@组件({
选择器：“行”，
模板：`
{{cell.value}}
`
})
导出类行组件{
@输入（）
细胞：任何[]；
}

您还可以注意到，您可以利用

ngFormTemplate

指令。我不知道你的用例是什么

有关更多详细信息，请参见以下问题：

---

我认为这个问题要么过于宽泛，要么不够明确。生成这样一个组件的方法有很多种。试着开始吧。是的，你甚至可以创建范围从1到宽度的虚拟数组，并对其进行迭代，但我认为这是一个可怕的想法，但它是有效的。但我在文档中找不到涵盖我指定案例的最佳实践

@Component({
  selector: 'row',
  template: `
    <div *ngFor="let cell of cells">{{cell.value}}</div>
  `
})
export class RowComponent {
  @Input()
  cells: any[];
}