1:node -v npm -v 成功
2:npm install -g cordova ionic 没问题,只是速度很慢--60%几乎卡死
3:ionic start myapp tabs 创建项目 项目名+项目类型
tabs 底部带切换的面板 blank 空白的项目 sidemenu 侧边栏类型
4:还是选择安装cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org --也慢
cnpm install -g cordova ionic 速度快多了
ionic -v 成功 cordova -v 没失败,
5:创建项目需要很长时间--成功后--cd到项目文件夹内
ionic serve 虚拟机没有xampp不知道能不能行---报了一大堆错误
6:list是无法被其他单词代替的,for循环里面i前面必须带var 不然就报错
7:目录结构分析---创建组件,创建页面,页面间跳转
sourcemaps
hooks
node_modules
resources ionic打包成app时的文件
src 是最重要的,所有的
www 静态资源文件
8:
9:
11:新增tabs页面,去掉二级页面tabs菜单,修改返回按钮;
---底部新增页面
1:新建项目 demo02
2:新建页面
ionic g page news 事实上建在pages文件夹里面
ionic g page newsinfo --
ionic serve 启动项目:成功;
page代表新建页面
component代表新建组件
3:在 app.module.ts里面注册这两个组件
import {NewsPage} from '../pages/news/news'
这里面必须是驼峰,生成组件是自动命名的
declarations 还要在下面声明组件 NewsPage
不需要在其他组件调用,再声明一次entryComponents
4:在tabsts里面引入组件,然后在tabshtml里面引入组件---成功
可以更改图标;tabicon 的名称就是图标的名称
5:ion-list ion-item 这两个标签是标配。
6:生成一个新的组件(可以直接在文件夹里面删除组件)
然后在 app.module.ts 引入三次:引入,注册调用,声明不在其他组件调用
跳转页面内html文件内写入click函数,ts文件内引入跳转目标组件,
navCtrl是自带函数,push也是自带方法,括号里面是目标组件名称,函数是另一极的;
7:ng-for 也能用,但是有问题,
12:去掉二级tabs菜单;
在 app.module.ts 里面
IonicModule.forRoot(MyApp,{
tabsHideOnSubPages:'true',//隐藏全部子页面tabs
backButtonText:'返回'
})
13:修改返回按钮
2:npm install -g cordova ionic 没问题,只是速度很慢--60%几乎卡死
3:ionic start myapp tabs 创建项目 项目名+项目类型
tabs 底部带切换的面板 blank 空白的项目 sidemenu 侧边栏类型
4:还是选择安装cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org --也慢
cnpm install -g cordova ionic 速度快多了
ionic -v 成功 cordova -v 没失败,
5:创建项目需要很长时间--成功后--cd到项目文件夹内
ionic serve 虚拟机没有xampp不知道能不能行---报了一大堆错误
6:list是无法被其他单词代替的,for循环里面i前面必须带var 不然就报错
7:目录结构分析---创建组件,创建页面,页面间跳转
sourcemaps
hooks
node_modules
resources ionic打包成app时的文件
src 是最重要的,所有的
www 静态资源文件
8:
9:
11:新增tabs页面,去掉二级页面tabs菜单,修改返回按钮;
---底部新增页面
1:新建项目 demo02
2:新建页面
ionic g page news 事实上建在pages文件夹里面
ionic g page newsinfo --
ionic serve 启动项目:成功;
page代表新建页面
component代表新建组件
3:在 app.module.ts里面注册这两个组件
import {NewsPage} from '../pages/news/news'
这里面必须是驼峰,生成组件是自动命名的
declarations 还要在下面声明组件 NewsPage
不需要在其他组件调用,再声明一次entryComponents
4:在tabsts里面引入组件,然后在tabshtml里面引入组件---成功
可以更改图标;tabicon 的名称就是图标的名称
5:ion-list ion-item 这两个标签是标配。
6:生成一个新的组件(可以直接在文件夹里面删除组件)
然后在 app.module.ts 引入三次:引入,注册调用,声明不在其他组件调用
跳转页面内html文件内写入click函数,ts文件内引入跳转目标组件,
navCtrl是自带函数,push也是自带方法,括号里面是目标组件名称,函数是另一极的;
7:ng-for 也能用,但是有问题,
12:去掉二级tabs菜单;
在 app.module.ts 里面
IonicModule.forRoot(MyApp,{
tabsHideOnSubPages:'true',//隐藏全部子页面tabs
backButtonText:'返回'
})
13:修改返回按钮