【发布时间】:2020-02-13 13:24:38
【问题描述】:
我试图让我的子组件读取父 HTML 的 ngfor 值以显示子页面。但是子组件似乎没有从父页面获取索引号。
这是我的父母:app.component.html:
-
{{item.value["label"]}}
这是孩子:Columns.component.ts
import { FormBuilderComponent } from 'angular-formio';
import { Injectable } from '@angular/core';
import { Component, Input } from '@angular/core';
//import { ColumnComponent } from 'src/column/Column.component';
import { AppComponent } from '../app.component'
@Injectable()
@Component({
selector: 'app-columns',
templateUrl: './Columns.component.html',
styleUrls: ['./Columns.component.scss'],
})
export class ColumnsComponent {
@Input() columnsData: object[];
public saveData: object[];
@Input() public indexnumber: string;
constructor(public appComponent: AppComponent){
if (this.indexnumber) {
this.columnsData = appComponent.Temp2[this.indexnumber]["component"];
}
}
}
indexnumber 的值始终未定义。我想知道如何使 Columns.component.ts 中的索引号获得 ngfor 'i' 值?