在离子2中，版本3.0.1如何创建使用离子组件的自定义组件

Question

在离子2中，如何创建使用离子组件的自定义指令？

此答案不再起作用。

import {IONIC_DIRECTIVES} from 'ionic-angular' 

这也行不通。如何创建一个自定义组件，该组件使用离子2，版本3.0.1中的离子组件？

Answer 1

如果您在使用懒惰加载后遇到了此问题，则应该这样做：

1. 将IonicModule添加到CustomComponentModule的"导入"参数
2. 在自定义组件的模板中使用离子组件
3. 将customComponentModule添加到另一个ComponentModule的"导入"参数，其中您需要使用该组件(customComponentModule(。

deletable.module.ts

import { NgModule } from '@angular/core';
import { DeletableItem } from './deletable';
import { IonicModule } from 'ionic-angular';
@NgModule({
  declarations: [
    DeletableItem
  ],
  imports: [
    IonicModule
  ],
  exports: [
    DeletableItem
  ]
})
export class DeletableModule {}

bill.html

<ion-content padding>
  <ion-list>
    <ion-item *ngFor="let bill of bills" (click)="openEdit(bill)">
      <ion-label text-left>{{bill.name}}</ion-label>
      <ion-label text-right>{{bill.amount}}</ion-label>
      <deletableItem></deletableItem>
    </ion-item>
  </ion-list>
</ion-content>

bill.module.ts

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { BillPage } from './bill';
import { DeletableModule } from './../../components/deletable/deletable.module'
@NgModule({
  declarations: [
    BillPage
  ],
  imports: [
    IonicPageModule.forChild(BillPage),
    DeletableModule
  ],
  exports: [
    BillPage
  ]
})
export class BillModule {}

这对我来说是工作。