懒惰的指令将指令加载到页面Ionic 3中的组件中

Question

我有一个页面，该页面使用一个组件，在我称为指令的该组件的模板中。我已将指令导入到一个共享模块中，该模块已添加到页面。模块设置。但是该指令未在组件上注册。我该如何工作。

页 ->组件 ->指令

共享模块：

import { NgModule } from '@angular/core';
/** Directives **/
import { CallDirective } from '../directives/call/call';
import { NavigateDirective } from '../directives/navigate/navigate';
import { OpenLinkDirective } from '../directives/open-link/open-link';
import { ShareDirective } from '../directives/share/share';
import {UserBookingsDirective} from '../directives/user-bookings/user-bookings'
import {BookingCommentDirective} from '../directives/booking-comment/booking-comment'
/** Pipes **/
import { LimitToPipe } from './../pipes/limit-to/limit-to';
import { SearchPipe } from './../pipes/search/search';
@NgModule({
  declarations: [
  CallDirective,
    NavigateDirective,
    OpenLinkDirective,
    ShareDirective,
    UserBookingsDirective,
    BookingCommentDirective,
    LimitToPipe,
    SearchPipe
  ],
  exports:[
      CallDirective,
    NavigateDirective,
    OpenLinkDirective,
    ShareDirective,
    UserBookingsDirective,
    LimitToPipe,
    SearchPipe
  ],
  imports: [
  ],
})
export class SharedModule {}

页面模块：

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { BookingsPage } from './bookings';
import { MomentModule } from 'angular2-moment';
import {SharedModule} from '../../app/shared.module';
/** Components **/
import {BookingItemComponent} from '../../components/booking-item/booking-item'
@NgModule({
  declarations: [
    BookingsPage,
    BookingItemComponent
  ],
  imports: [
    IonicPageModule.forChild(BookingsPage),
    MomentModule,
    SharedModule
  ],
})
export class BookingsPageModule {}

Answer 1

将 BookingCommentDirective添加到 exports: [...]，使其可用于导入模块：

@NgModule({
  declarations: [
  CallDirective,
    NavigateDirective,
    OpenLinkDirective,
    ShareDirective,
    UserBookingsDirective,
    BookingCommentDirective,
    LimitToPipe,
    SearchPipe
  ],
  exports:[
    BookingCommentDirective, // <<== added
    CallDirective,
    NavigateDirective,
    OpenLinkDirective,
    ShareDirective,
    UserBookingsDirective,
    LimitToPipe,
    SearchPipe
  ],
  imports: [
  ],
})
export class SharedModule {}