有没有办法在 *ngFor 中使用插值
Is there way to use interpolation inside *ngFor
<div *ngFor="let t of {{randomName}}"></div>
我想动态传递数组名,我试过上面的代码但是我得到了错误。
感谢您的回答,但我必须根据我的情况更新问题
<div formArrayName="{{obj.key}}">
<div *ngFor="let t of formGrp.controls.{{obj.key}}.controls"></div>
</div>
我正在动态创建表单数组,它可以有任何名称,具体取决于架构。我可以将该动态名称绑定到 formArrayName,因为它支持插值,但我也需要在循环中有相同的行为
<div *ngFor="let t of getTheData()"></div>
getTheData
是组件中的一种方法,returns 数据
在 .component.ts
中查看示例 https://plnkr.co/edit/Ma66tJhpldYY4GuuM3uU?p=preview
<div *ngFor="let t of dynamicArr"></div>
您可以做的是在您的组件中动态设置数组。而不是使用字符串插值。
export class SomeClass {
dynamicArr:[];
updateArr(){
// some logic
return this.dynamicArr = dynamic Array
}
}
使用方括号表示应该很容易:
<div *ngFor="let t of formGrp.controls[obj.key].controls"></div>
^^^^^^^^^
<div *ngFor="let t of {{randomName}}"></div>
我想动态传递数组名,我试过上面的代码但是我得到了错误。
感谢您的回答,但我必须根据我的情况更新问题
<div formArrayName="{{obj.key}}">
<div *ngFor="let t of formGrp.controls.{{obj.key}}.controls"></div>
</div>
我正在动态创建表单数组,它可以有任何名称,具体取决于架构。我可以将该动态名称绑定到 formArrayName,因为它支持插值,但我也需要在循环中有相同的行为
<div *ngFor="let t of getTheData()"></div>
getTheData
是组件中的一种方法,returns 数据
在 .component.ts
<div *ngFor="let t of dynamicArr"></div>
您可以做的是在您的组件中动态设置数组。而不是使用字符串插值。
export class SomeClass {
dynamicArr:[];
updateArr(){
// some logic
return this.dynamicArr = dynamic Array
}
}
使用方括号表示应该很容易:
<div *ngFor="let t of formGrp.controls[obj.key].controls"></div>
^^^^^^^^^