![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ionic
文章平均质量分 73
向右看齐--
这个作者很懒,什么都没留下…
展开
-
Ionic3 入门【4】 LocalStorage的使用—以登录和注销为例
1. 创建登录页面ionic g page login2. 在 app.modules.ts中引入LoginPage,并在声明组件declarations,entryComponents中添加 LoginPageimport { LoginPage } from '../pages/login/login';3. 在app.components.ts页面 引入Logi转载 2018-01-04 12:25:52 · 3821 阅读 · 2 评论 -
ionic Uncaught (in promise): Error: StaticInjectorError[NavController]
在服务(provider)中t引入NavController时出现错误:Uncaught (in promise): Error: StaticInjectorError[NavController]默认情况下不能在controller 或者service中使用navcontroller或者viewcontroller之类的。其中代码:一个比较容易解决的方法,原创 2018-01-26 16:33:17 · 4877 阅读 · 1 评论 -
ionic3 html中的if
ionic3 html中的if<div *ngIf="status == 10; else elseBlock"> <div>我是status10</div></div><ng-template #elseBlock> <div>我不是status10</div></原创 2018-02-05 18:30:11 · 2759 阅读 · 2 评论 -
ionic 3 实现回调
从列表页面点击添加到添加页面,数据保存之后返回到列表页面,如果安照常规的返回它的会两次经过列表页面为了返回时不出现两次列表页面,就得实现回调的方法例:TicketPage-->TicketAddPageTicketPage:/** * 回调函数 */getData = (data) =>{ return new Promise((resolve, reject) =>...原创 2018-02-05 18:44:45 · 1530 阅读 · 0 评论 -
ionic3 ion-select下拉列表
HTML:<ion-list > <ion-item> <ion-label stacked>问题类型</ion-label> <ion-select [(ngModel)]="typeTxt" (ngModelChange)="switchType()" interface="popover" sty原创 2018-02-05 19:03:42 · 15694 阅读 · 3 评论 -
ionic3 实现android版本打包
1. 实现打包之前需要的软件及包:Android SDK Manager就是一个Android软件开发工具包管理器,就像一个桥梁,连通本地和服务器,从服务器下载安卓开发所需工具到本地。JDK是 Java 语言的软件开发工具包,主要用于移动设备、嵌入式设备上的java应用程序。JDK是整个java开发的核心,它包含了JAVA的运行环境,JAVA工具和JAVA基础的类库。(在运行ionic2的项目jd...原创 2018-02-27 14:50:11 · 8159 阅读 · 2 评论 -
ionic3 实现高德地图(1)
ionic3 使用高德地图首先注册高德开发者 http://lbs.amap.com/dev/index在app上添加地图1、复制如下代码到appindex.html页面的标签中,如下type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=你申请的高德地图web端key">原创 2018-04-03 09:44:01 · 2979 阅读 · 0 评论 -
ionic3 后台运行
安装:1 、安装Cordova和Ionic Native插件:ionic cordova plugin add cordova-plugin-background-modenpm install --save @ionic-native/background-mode2、将此插件添加到您的应用程序的模块在app\app.module.ts添加:import {原创 2018-04-04 17:09:17 · 2861 阅读 · 0 评论 -
[Angular] ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'name' of undefined
在数据请求完成通过 ionViewDidLoad 展示页面的时候报错误 : ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'name' of undefined因为在我们加载对象的时候,用的是异步模式,即使promise立刻被处理返回,但是浏览器在开始加载对象的时候,这个对象还是没有定义,所以也就读不到属性解...原创 2018-01-26 14:28:01 · 137853 阅读 · 8 评论 -
ionic3 入门【3】实现页面跳转
一。页面跳转 (home页跳转到news页)在home.html中定义一个按钮<button ion-button (click)="goNews()" >跳转到新闻页面</button>在home.ts中先引入(NewsPage)import { NewsPage } from '../news/news';HomePage 默认引入Na...原创 2018-01-04 10:21:37 · 6655 阅读 · 2 评论 -
ionic3 使用echarts简单举例
使用 Ionic 创建原生应用,并用 ECharts 创建饼图1.安装 typings 库,以及 ECharts:npm install typings echarts --global2.安装 ECharts 的 TypeScript 定义文件,这个文件来自社区贡献npm install @types/echarts --save3. 有可能在引入ECharts 时报出错误ECharts 找不到...转载 2018-01-24 11:34:01 · 2571 阅读 · 0 评论 -
ionic3 入门【1】创建Ionic项目及基本配置
制作手机app基本配置要创建Ionic项目,您需要安装最新版本的CLI和Cordova。npm install -g ionic cordova完成之后,创建第一个Ionic应用程序:ionic start MyIonicProject tabs|sidemenu|blank|super|tutorialstart 会告诉CLI创建一个新的应用程序。MyIonicProje原创 2017-12-25 17:55:05 · 1621 阅读 · 0 评论 -
ionic3 入门【2】 创建组件
创建组件ionic g component actionsheet (actionsheet为组件名称)默认的components.modules.ts会引入组件这个组件在哪里使用就在哪里的HTML写上<actionsheet></actionsheet> 即可如在about.html中<ion-content padding> 引入actionsheet...原创 2018-01-04 13:30:06 · 2423 阅读 · 1 评论 -
Ionic3学习笔记实现省市区三级联动
手机APP实现三级联动效果1. 安装ion-multi-pickernpm install ion-multi-picker@2.1.0--save2. 导入app.module.tsimport {MultiPickerModule} from'ion-multi-picker';imports: [...MultiPickerModule,...]3. 创建 provider终端运行: ...转载 2018-01-31 13:14:53 · 2033 阅读 · 0 评论 -
ionic3 带参数反向传值
实现带参数反向传值,要在push跳转的页面添加一个回调函数push方式跳转getData = (data) =>{ return new Promise((resolve, reject) => { console.log(data); this.data.industryTxt= data.name; this.data.industryId = data...原创 2018-01-31 17:41:54 · 1451 阅读 · 0 评论 -
ionic3 post返回的数据 不能ngFor
通过post返回的数据进行循环.tsthis.dataInsdustry = data.result;.html<ul> <li *ngFor="let item of dataInsdustry"> {{item}} </li></ul>post 返回的数据不能ngFor时,报错详情为:其中的post数据:出现这种情况,需要将返回...原创 2018-01-31 18:01:45 · 858 阅读 · 2 评论 -
ionic图标大全
图标来源:http://www.bootcss.com/p/font-awesome/design.htmlhttps://ionicframework.com/docs/ionicons/转载 2018-01-16 13:47:33 · 2341 阅读 · 0 评论 -
ionic3 button按钮+带图标的按钮
1.普通按钮<ion-content><button ion-button color="light" >Light Round</button><br><button ion-button >Primary Round</button><br><button ion-b原创 2018-01-25 10:07:30 · 5698 阅读 · 1 评论