ionic教程(5)--自定义组件

目录

 

1、新建组件

2、修改app/app.modules.ts

3、在页面中使用自定义的组件

3.1、修改login.moduls.ts中,引入组件

3.2、在login.html中使用


1、新建组件

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { LoginPage } from './login';import { ComponentsModule } from "../../components/components.module";//需引入@NgModule({declarations: [LoginPage,],imports: [IonicPageModule.forChild(LoginPage),ComponentsModule,//需引入],
})
export class LoginPageModule {}

要注意,文件路径

3.2、在login.html中使用

hello world字样默认左对齐,

简单修改一下action-sheet.html:

{{text}}

 

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部