离子图标未在某些页面中显示

Question

我创建了一个名为书签的自定义组件，我只是在其中显示我的书签图标。

书签.html

<button ion-fab class="bookmark-button">
<ion-icon *ngIf="!flag; else elseBlocked" ios="ios-bookmark" md="md-bookmark" [ngStyle]="{'color': '#9F9F9F'}" class="bookmark-icon"></ion-icon>
<ng-template #elseBlocked><ion-icon ios="ios-bookmark" md="md-bookmark" class="bookmark-icon" [ngStyle]="{'color': '#FF6260'}"></ion-icon></ng-template> 
</button>

书签.模块.ts

import { NgModule } from '@angular/core';
import { IonicModule } from 'ionic-angular';
import { BookmarkComponent } from './bookmark';
@NgModule({
declarations: [
BookmarkComponent
],
exports: [
BookmarkComponent,
],
imports: [
IonicModule.forRoot(BookmarkComponent),
],
})
export class BookmarkComponentModule {}

现在，当我在离子页面中导入此组件模块时，有时它不会显示书签图标。就像在主页中一样，它工作得很好，但是当我在 Resultpage 等其他模块中导入时，它根本不起作用。

Home.module.ts

import { NgModule } from "@angular/core";
import { IonicPageModule } from "ionic-angular";
import { HomePage } from "./home";
import { BookmarkComponentModule } from "../../components/bookmark/bookmark.module";
@NgModule({
declarations: [
HomePage,
],
imports: [
IonicPageModule.forChild(HomePage),
BookmarkComponentModule,
],
})
export class HomePageModule {}

result.module.ts

import { BookmarkComponentModule } from './../../components/bookmark/bookmark.module';
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { ResultPage } from './result';
@NgModule({
declarations: [
ResultPage,
],
imports: [
IonicPageModule.forChild(ResultPage),
BookmarkComponentModule
],
})
export class ResultPageModule {}

我不知道我哪里出错了。任何建议...

Answer 1

谢谢你们的快速回复，但我似乎通过更改组件页面上的导入语句来解决此问题。

书签.模块.ts

以前

imports: [
IonicModule.forRoot(BookmarkComponent),
BookmarkComponentModule
],

后

imports: [
IonicModule,
BookmarkComponentModule
],

当我更改我一直使用的每个组件上的导入语句时，问题似乎消失了。