ionic重装

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:修改返回按钮



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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值