【IONIC2+】项目开发 - 3 - 添加页面

往刚才创建的项目中添加页面

1. 前往官网，查看 IONIC官方教程
2. 如果你看不懂英文，没事，那我们就不学了。

创建页面有几个重要的地方

1. 创建 .ts 文件，这个文件是存放页面逻辑的地方，例如我们创建一个帖子页面在 post.ts 文件里

   export class PostPage {}
   

2. 创建 .html 文件，这个文件是界面
3. 创建 .scss 文件，这个文件是CSS
4. 把 .ts 文件中的类的引用添加到 app/app.module.ts 中

   import {PostPage} from "../pages/post";
   

5. 把类名添加到 NgModule 中的 declarations 和 entryComponents 中(所有新加的页面都要放到这里进行声明，不然会报错)

   declarations: [
        MyApp,
        TabsPage,
        PostPage
        ]
   

   entryComponents: [
        MyApp,
        TabsPage,
        PostPage
        ]
   

6. 要跳转到 PostPage 的页面，只需要在需要的地方使用(后面的参数是传递过去的值，在 PostPage 中你可以用 NavParams 接收)
   

   
   this.navCtrl.push(PostPage, { item: item });
   

   下一章节

• 创建一个ionic2+ 的项目。