“离子输入”是不是在屏幕上可见

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>