Question

我创建了一个名为IsiComponent的组件，并将模块文件包含在我的页面模块文件中，该文件看起来像是

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';

import { IonicModule } from '@ionic/angular';

import { CalculatorPage } from './calculator.page';
import { IsiModule } from '../isi/isi.module';

const routes: Routes = [
  {
    path: '',
    component: CalculatorPage
  }
];

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    RouterModule.forChild(routes),
    IsiModule
  ]
})
export class CalculatorPageModule {}

IsiComponent模块文件：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';

import { IonicModule } from '@ionic/angular';
import { IsiComponent } from './isi.component';

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
  ],
  declarations: [IsiComponent],
  exports: [IsiComponent]
})
export class IsiModule {}

在我的计算器页面html文件中，我通过以下方式初始化组件

<ion-footer>
  <app-isi></app-isi>
</ion-footer>

当我打开页面时，只有在与屏幕上的某些内容进行某些交互（例如，集中输入或选择单选按钮）后，组件才会呈现。知道为什么会这样吗？

哦，当我在chrome中测试时，它仍然可以正常显示。它不是在iPhone上使用Ionic DevApp渲染的。

我发现这篇帖子听起来很像，但是看起来我们在做不同的事情Ionic 3 not updating view

在发生更改之前，Ionic 4组件不会渲染。适用于Chrome，但不适用于Ionic DevApp

0 个答案: