「イオン入力が」画面上に表示されません

Question

私は、ネストされた値のリストを持っているとの対話を行い、画面上にマウントするngfor使用再帰的

しかし、「イオン入力」の項目が明らかに作成されますが、画面上に表示されていない、私は「入力イオン」の入力を変更し、それらが表示され、問題は「イオン入力」

---

quiz.htmlであるように思わ

<ion-list *ngFor="let question of questions"> 
    <question [question]="question"></question> 
</ion-list> 

---

question.ts

import { 
     Component, 
     Input, 
     ChangeDetectionStrategy, 
     ViewEncapsulation 
    } from '@angular/core'; 
    import {QuestionarioBase2} from "../../model/questionario-base2"; 
    import {Item} from "ionic-angular"; 

    @Component({ 
     selector: 'question', 
     templateUrl: 'question.html', 
     changeDetection: ChangeDetectionStrategy.OnPush, 
     encapsulation: ViewEncapsulation.None 
    }) 

    class TempItem extends Item { 
     static decorators = undefined; 
    } 

    export class QuestionComponent extends TempItem { 
     @Input() question: QuestionarioBase2; 
    } 

---

question.html

<div *ngIf="question.component == 'text'"> 
    <edicao [question]="question"></edicao> 
</div> 

---

edicao.html

<ion-item> 
    <ion-label color="marrom" floating><strong>{{question.text}}</strong></ion-label> 
    <ion-input></ion-input> 
</ion-item> 
<div *ngIf="question.children"> 
    <div *ngFor="let children of question.children"> 
     <question [question]="children"></question> 
    </div> 
</div> 

Answer 1

あなた<ion-input></ion-input>、それに関連したタイプを持っていません。 <ion-input type="text"></ion-input>