我试图像这样嵌套* ngFor：
<div *ngFor="let cubeArray of cubeMatrice">
<my-cube *ngFor="let cube of cubeArray">
</my-cube>
</div>
但是，这不起作用。变量cubeArray是否仅与该特定div相关联tag？
我还尝试了一些在这里找到的其他解决方案：如何将Angular2模板与* ngFor一起使用，以从嵌套数组中创建表？但这不适用于普通html标签。
我知道我可以在两者之间使用一个组件来解决问题。我只想知道嵌套的fors是否可能，或者为什么不能。cubeArray变量的范围仅是div吗？
您面临的问题是什么？
import { Component, Input } from '@angular/core';
@Component({
selector: 'my-app',
template: `<h3 class="title">Basic Angular 2</h3>
<hr />
<div *ngFor="let cubeArray of cubeMatrice">
<my-cube *ngFor="let cube of cubeArray" [var1]="cube.prop1" >
</my-cube>
</div>
`
})
export class AppComponent {
cubeMatrice = [
[{prop1: 'val1'},{prop1: 'val2'}],
[{prop1: 'val3'},{prop1: 'val4'}]
]
constructor(){}
}
@Component({
selector: 'my-cube',
template: `{{var1}}
`
})
export class MyCubeComponent {
@Input() var1;
constructor(){}
}
看一看。
希望这可以帮助！！
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句