创建组件、创建页面、页面跳转

创建组件

cd 到我们的项目目录
通过 ionic g component “组件名称”

1.png.png

2.png.png

组件创建成功后,在src目录下会多一个components文件夹,components文件夹下包含每个组件和components.module.ts文件,所有组件都会在components.module.ts文件中注册;
如果我们要使用这些组件必须在 app.module.ts 里面注册我们的模块,注册完成后就可以在 pages 里面的其页面里面使用这些组件。

创建页面

cd 到我们的项目目录,输入命令ionic g page “页面名”

3.png.png

创建成功后在pages文件夹生成对应的页面。

页面跳转

首先在app.module.ts中注册新建的page

4.png.png

比如想通过点击按钮跳转到news页面
5.png.png

6.png.png

你可能感兴趣的:(创建组件、创建页面、页面跳转)