Question

我正在尝试在离子3中创建自定义组件，但我似乎不知道如何正确设置components.module以便我可以在组件中使用离子组件

我生成了这样的组件

element[0].files[0].name

当我添加

 $: ionic g component my-component

到<ion-row> <ion-col> </ion-col> </ion-row我收到错误

未捕获（承诺）：错误：模板解析错误：'ion-col'不是一个已知的元素

Answer 1

使用

ionic generate component my-component

它会自动在components.module.ts文件夹下的共享模块components内声明。

因此，如果您需要使用该组件，只需在页面模块中导入共享模块。

components.module.ts（分享）

 import { IonicPageModule } from 'ionic-angular';

 @NgModule({
    declarations:[MyComponentComponent],
    imports:[
       IonicPageModule.forChild(MyComponentComponent)  // <- Add
    ],
    exports: [MyComponentComponent]
 })

Answer 2

使用ionic g component my-component

时

它会自动创建一个组件文件夹并在共享模块components.module.ts

内声明

要使用该组件，您需要在页面模块中导入components.module.ts。

例如，您想在MyFirstPage一个简单的离子页中加载它：

 import { ComponentsModule } from "./your-path/components/components.module";
 import { IonicPageModule } from 'ionic-angular';

 @NgModule({
    declarations:[
       MyFirstPage
    ],
    imports:[
       ComponentsModule,
       IonicPageModule.forChild(MyFirstPage),
    ],
    exports: [
       ComponentsModule
    ]
 })

未捕获（承诺）：错误：模板解析错误：'ion-col'不是已知元素

2 个答案: