我试图让我的子组件读取父 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' 值？