ionic
狂飙的yellowcong
yellowcong
展开
-
ionic3之在模拟器上运行ionic3程序-yellowcong
配置ionic来生成apk的操作。说实话,这个地方坑还真不少啊,我就遇到不少坑啊,1、jdk版本需要和系统版本一致,2、sdk安装,需要安装和ionic的build.gradle 的android版本,也不是下安装的,3、修改StudioBuilder.js,设置请求的gradle-4.1-all.zip 文件地址。原创 2018-03-07 08:38:26 · 3273 阅读 · 0 评论 -
ionic3之开发工具Visual Studio Code-yellowcong
Visual Studio Code(vscode),这货用来开发ionic,我也是从同事那个地方得来的,我都不晓得ionic用啥ide工具开发,在这个地方就简单讲讲vscode的语言设置,以及汉化设置。第一次配置debug环境后和nodejs的,需要重启一下电脑,让环境变量生效,让vscode识别到。第二点,调试需要依赖于chrom浏览器。原创 2018-02-23 22:25:50 · 7166 阅读 · 0 评论 -
ionic3之列表案例-yellowcong
列表显示,无论是在手机还是web等,都是很常见的一种布局方式,现在我就简单做一个ionic的列表案例和一个复杂的带头像的列表案例。同时还使用了*ngFor和*ngIf两个,一起来处理list的列表显示。代码地址https://gitee.com/yellowcong/ionic/tree/master/ionic3-list目录结构,这个地方,我将list案例都放到了一...原创 2018-02-25 15:14:45 · 3548 阅读 · 1 评论 -
ionic3之页面跳转的两种方式-yellowcong
在ionic中,页面条状主要有两种方式,1、通过在界面中[navPush]="morePage"的方式,2、通过代码的方式跳转,绑定事件(click)="pushMorePage()",通过调用这个事件的同时,我们可以在这个里面添加参数的传递,主要依赖于 NavController,NavParams这两个组建代码地址https://gitee.com/yellowcong...原创 2018-02-24 13:45:18 · 10968 阅读 · 1 评论 -
ionic3之新建一个画面-yellowcong
ionic搞起来后,现在要搞事情啊,得搞一个新的画面试试。在ionic中,新画面的创建,有三步。1、在page目录下,创建自己界面的文件夹,并创建与文件夹同名的html和ts文件,2、在ts文件中,创建这个界面的类,并导入html模版,3、在app.module.ts中导入新的界面,并且配置declarations和entryComponents。代码地址https://gitee.com/yel原创 2018-02-24 10:27:43 · 1124 阅读 · 0 评论 -
ionic3之上拉菜单-yellowcong
ionic上拉菜单,是在底部出现的菜单选项,有时候设定的时候,需要使用到上拉菜单的操作。上拉菜单的组件是ActionSheetController,使用起来也挺简单的。代码地址https://gitee.com/yellowcong/ionic/tree/master/ionic3-all/src/pages/sheet实现效果上拉菜单上啦菜单需要导入ActionSheetController组建原创 2018-03-04 10:34:03 · 1116 阅读 · 0 评论 -
ionic3之自定义返回菜单的样式-yellowcong
默认在ionic3中,返回的样式是 back,但是我们想自定义一下,所以就 需要开到了,可以 通过修改app.module.ts的方式来搞定这件事。修改方法其实只是配置了IonicModule里面的backButtonText和backButtonIcon 两个属性,即可完成返回按钮的样式。 imports: [ BrowserModule, //导入HttpModule原创 2018-03-03 23:56:55 · 884 阅读 · 0 评论 -
ionic3之侧栏菜单与隐藏tabs-yellowcong
这个地方,是ionic3的案例,这个案例中,主要做了三个事情:1、影藏了默认的返回按钮。2、隐藏了底部导航栏,3、实现侧滑菜单。其实这几样东西看起来挺简单的,但是我也是费了不少时间啊,破玩意刚玩,整得不太明白啊。代码地址https://gitee.com/yellowcong/ionic实现效果侧滑菜单前台代码<ion-menu [content]="mycontent"> <io原创 2018-03-03 23:50:40 · 2847 阅读 · 0 评论 -
Ionic 开发环境搭建(Windows)-yellowcong
公司有童鞋用Ionic,反正听说这个东西可以直接写出基于手机的web端,以及android和ios的开发版本,所以觉得值得一看,说不定哪天就用上了呢。这个ionic是依赖于nodejs的,开发的时候,需要了解AngularJS和html的,简单来说这个ionic简化了客户端的开发流程。一次开发两个版本的应用。这个有点类似与unity3d生成多个版本的应用。在这个安装过程中,我遇到的最大的坑,就是镜像原创 2018-02-23 16:15:35 · 775 阅读 · 0 评论 -
ionic3之下拉刷新,下滑动加载数据-yellowcong
上拉和下拉,是涉及到两个组建,并不是一个组件,下拉组建是ion-refresher,上拉组建是ion-infinite-scroll,当我们滑动到下面的时候,直接给查询数据,加载。这种下拉刷新,下滑加载的功能,在很多app中很常见。这个下滑动加载的时候,有一个问题,必须数据铺满屏幕,滑动才会加载数据。代码地址https://gitee.com/yellowcong/ionic/tree/maste原创 2018-03-02 10:20:53 · 7276 阅读 · 0 评论 -
ionic3之发送请求的加载效果-yellowcong
加载组建的使用,会用到ionic-angular 的LoadingController 组建。在发送请求到远程的服务器的时候,总是需要做一些等待的操作,不然用户的体验会非常的差劲,然而这种基础的东西,inoic早就为我们想到了,可以通过导入LoadingController 组件,在发送请求前显示加载效果,渲染后移除加载效果代码地址https://gitee.com/yellowcong/ioni原创 2018-03-01 17:32:29 · 1639 阅读 · 0 评论 -
ionic3之Error: listen EADDRINUSE :::53703错误-yellowcong
这种错误很简单,就是明摆的端口占用的问题,多半是nodejs没有完全关闭导致的。解决的思路是:1、查看端口占用的pid,2、根据pid来查询是哪个应用占用,3、杀死服务即可。还有一种简单的方法,就是直接运行taskkill /f /t /im node.exe杀死掉nodejs。The Ionic live reload server exited unexpectedlyError in th原创 2018-02-25 18:12:26 · 1190 阅读 · 0 评论