【ionic2/3】ionic项目的src目录

本文介绍了Ionic2/3项目中src目录的主要组成部分,包括index.html作为应用入口,src/app作为应用的入口文件夹,以及如何修改默认项目以适应不同需求。在src/app中,app.component.ts是应用的根组件,控制着整个应用的结构。通过修改app.component.ts的rootPage,可以实现启动时加载不同的页面,如登录页和主页面。登录成功后,使用`this.app.getRootNav().setRoot(MainPage)`方法来切换主页面。
摘要由CSDN通过智能技术生成

创建sidemenu项目的命令: ionic start myApp sidemenu   ,创建了一个带有侧边栏的myApp项目。


在项目中,我们主要看src目录,这个目录就是我们开发的主要目录:

1、src/index.html

index.html 是 Ionic应用的主入口文件,其目的是设置脚本和CSS引导,然后开始运行我们的应用程序。这是我们项目的加载入口: (说白了就是,我们项目的所有页面都会在这个<ion-app>的容器里)


跟组件,应用加载入口

<ion-app></ion-app>

主要的脚本引用,自动生成

 <script src="cordova.js"></script>
 <script src="build/polyfills.js"></script>
 <script src="build/vendor.js"></script>
 <script src="build/main.js"></script>
2、src/app

入口文件夹

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值