![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ionic3
阿龙sir
这个作者很懒,什么都没留下…
展开
-
ionic3常用命令
ionic start tabTest --type=ionic-angularionic start ionic1 blank --type=ionic1 (安装ionic1项目)ionic start ionic3 blank --type=ionic-angular (安装ionic3项目)ionic start ionic4blank --type=angular (安装i...转载 2018-01-27 15:27:30 · 853 阅读 · 1 评论 -
ionic3 解决img标签无法在手机上正常显示问题
问题阐述:本人使用img标签为页面引入一个图片,在浏览器能够正常显示,但是打包安装到手机端时确无论如何都显示不了。解决方案:一般这种情况有很多可能性,比如说:引用路径不对图片没有加载图片损坏……下面是我程序中的代码:乍一看并没有什么毛病,在src/pages/home目录下的home.html文件中若想引用src/assets/imgs下的logo.png文件相对路径就是”./../assets/...转载 2018-05-11 10:55:35 · 1840 阅读 · 0 评论 -
ionic3/ionic2 配置 用ios/android样式
官方链接 http://ionicframework.com/docs/api/config/Config/ 在config里有详细介绍比如全局都用ios样式在 app.module.ts — imports 里加上:IonicModule.forRoot(MyApp,{ iconMode:'ios',// 在整个应用程序中为所有图标使用的模式。可用选项:"ios","md" ...转载 2018-06-25 16:51:15 · 597 阅读 · 0 评论 -
ionic3 滚动页面时 (ios) safari橡皮筋效果
-webkit-overflow-scrolling:auto | touch | [initial | inherit | unset | revert]; 用ionic3做手机通讯录,拖动右边字母索引控制联系人(scroll-content元素)滚动时, 在ios中ionic页面会跟着一起滚动。原因就是: 1、ios 中ionic内置浏览器为Safari, 2、她实...转载 2018-07-18 18:50:47 · 967 阅读 · 0 评论 -
ionic2/3 图片保存到相册---利用cordova-plugin-photo-library插件
ionic中很多功能都是可以利用插件完成的,而且简捷方便,此次图片保存到相册就是利用cordova-plugin-photo-library完成的。官方文档 ionic: https://ionicframework.com/docs/native/photo-library/ GitHub:https://github.com/...转载 2018-08-01 17:24:24 · 3436 阅读 · 0 评论 -
videogular2 在ionic项目里报错(rxjs_1.fromEvent is not a function)
这种是videogular2 跟ionic版本兼容问题换个videogular2版本试试把原来版本去掉 自己手动安装 npm install videogular2@6.1.0 --save亲测有效!原创 2018-10-26 17:51:43 · 819 阅读 · 0 评论 -
angular4 date管道符 展示参数
{{ dateTime | date:'yyyy-MM-dd HH:mm:ss'}}{{ dateTime | date:'medium' }}{{ dateTime | date:'short' }}{{ dateTime | date:'fullDate' }}{{ dateTime | date:'longDate' }}{{ dateTime | date:'mediu...原创 2019-02-15 19:36:00 · 990 阅读 · 2 评论 -
ionic2、ionic3 使用DeepLinker实现指定页面URL
Ionic2使用了近似原生App的页面导航方式,并不支持Angular2的路由。这种方式在开发本地App的时候比较方便,但如果要用来开发纯Web页面就有点问题了,这种情况下Angular2的router可以提供更灵活的配置。比如在首页是一个Tabs页面的情况下,如何控制用户看到的第一项Tab?默认情况下都是会导航到第一个Tab,而且地址栏的URL并不会跟随页面的切换而变化。好在Ionic2提供了一...转载 2018-03-13 17:43:56 · 3006 阅读 · 2 评论 -
angular4、ionic3 "组件" 生命周期
组件生命周期//这个顺序是按照执行的先后排列的constructor:构造器函数,一般用于注入服务ngOnChanges:检测到输入数据变化,首次触发发生在ngOnInit前。注意对象的属性发生变化时监听不到ngOnInit:组件初始化,通常会设置一些初始值ngDoCheck:手动触发更新检查 ngAfterContentInit:内容初始化到组件之后ngAfterContentChe...转载 2018-03-23 09:56:54 · 2508 阅读 · 2 评论 -
ionic3 tab实现自定义图片替换字体图标
Ionic 自带的图标库固然提供了一系列的字体图标文件供开发者使用,但有时候不一定就能找到开发者想要的图标,而美工又设计出看起来漂亮的tab图标,那么这个时候就需要开发者想方设法的做到美工想要看到的效果了,找了N多资料,终于亲身试验过,可以使用自定义的图片来替换图标的方法,总结一下备忘。上代码:[plain] view plain copy转载 2018-01-29 11:05:01 · 851 阅读 · 0 评论 -
ionic3之tabs用法详解
[root]Page指定tab希望加载的页面tabTitlestringtab上显示的标题tabIconstringtab上显示的图标tabBadgestringtab上显示的角标数字tabBadgeStylestring角标数字的颜色enabledbooleantab是否可用,默认为tru转载 2018-01-29 10:42:40 · 15057 阅读 · 5 评论 -
【组件篇】ionic3开源组件
转载地址:https://www.jianshu.com/p/3e156999eaa4组件库,可能和下面的有重复awesome-ionic2-componentsionic3-components日历ion2-calendarIonic2-Calendarionic2-date-pickerionic2-datepickereasy-ionic2-calendar滑动选项卡ionic2-super...转载 2018-03-07 17:55:13 · 2092 阅读 · 0 评论 -
ionic3 地区选择器
以前看ionic2文档的时候在网上搜索发现了一款 某大神开发的 地区选择插件,并且支持联动 升级ionic3后 本来害怕不支持3,又看了文档发现这位大神紧跟官方文档实时更新。。敬佩。。。并且这款插件使用非常简单。和官方提供的原生组件类似。原文地址链接:https://github.com/raychenfj/ion-multi-picker演示查看现场演示:https://raychenfj.gi...转载 2018-03-15 14:29:44 · 615 阅读 · 2 评论 -
解决ionic2/ionic3轮播图切换页面或者点击过后不自动轮图
我们在ionic2/ionic3开发的过程中会出现切换页面或者滑动切换轮播图出现轮播图不再轮播的情况,这其实需要一些配置.首先在运用到轮播图的component中引入import {ViewChild } from '@angular/core';import { Slides } from 'ionic-angular';然后 @ViewChild(Slides) slides: Sli...原创 2018-03-09 17:10:13 · 1210 阅读 · 0 评论 -
angular2、4 获取dom元素方法
<div #box></div> "#+名字" 这种注入属性的方式可以获取dom元素 操作该变量box就是操作这个标签元素<div #box (click)="fn(box)" ></div> 触发这个方法就可以通过参数box获取到这个元素fn(dom){ console.log(dom)}也可以通过js获取document.query...原创 2018-03-16 10:19:11 · 12353 阅读 · 0 评论 -
ionic3 生命周期方法
1.认识ionic的生命周期钩子截至ionic 3.8.0版本,框架提供了8个钩子函数,它们分别会在页面生命周期的各个阶段被触发,我们来简单了解一下。1.1 ionViewDidLoad页面加载完成触发,这里的“加载完成”指的是页面所需的资源已经加载完成,但还没进入这个页面的状态(用户看到的还是上一个页面)。需要注意的是它是一个很傲娇的钩子,全程只会调用一次,即第一次进入页面时被调用,此后你无论怎...转载 2018-03-12 17:48:09 · 3318 阅读 · 1 评论 -
ionic2 /ionic3 使用md5加密算法,base64编码/解码
原本转自 http://www.story2wine.com/view/521.下载安装ts-md5 ,进入到项目文件夹下,执行下面的命令npm install ts-md5 --save2.在使用的模块中导入md5模块import {Md5} from "ts-md5/dist/md5";3.使用md5constructor() {转载 2018-03-19 15:26:22 · 1405 阅读 · 0 评论 -
ionic3 + echarts4 项目搭建
1:在ECharts官网:http://echarts.baidu.com/index.html下载或在线定制下载官方提供的js文件2:在ionic3项目的index.html文件中引入echarts文件3:在需要的页面ts里加入以下代码。import { Component, ViewChild, ElementRef } from '@angular/core';import {...原创 2019-02-13 19:07:34 · 729 阅读 · 0 评论