阿龙的博客

ionic start tabTest --type=ionic-angular ionic start ionic1 blank --type=ionic1 (安装ionic1项目) ionic start ionic3 blank --type=ionic-angular (安装ionic3项目) ionic start ionic4blank --type=angular (安装i...

问题阐述：本人使用img标签为页面引入一个图片，在浏览器能够正常显示，但是打包安装到手机端时确无论如何都显示不了。解决方案：一般这种情况有很多可能性，比如说：引用路径不对图片没有加载图片损坏……下面是我程序中的代码：乍一看并没有什么毛病，在src/pages/home目录下的home.html文件中若想引用src/assets/imgs下的logo.png文件相对路径就是”./../assets/...

官方链接  http://ionicframework.com/docs/api/config/Config/   在config里有详细介绍比如全局都用ios样式在 app.module.ts — imports 里加上：IonicModule.forRoot(MyApp,{      iconMode:'ios',//  在整个应用程序中为所有图标使用的模式。可用选项："ios"，"md"  ...

-webkit-overflow-scrolling:auto | touch | [initial | inherit | unset | revert];  用ionic3做手机通讯录，拖动右边字母索引控制联系人(scroll-content元素)滚动时， 在ios中ionic页面会跟着一起滚动。 原因就是：     1、ios 中ionic内置浏览器为Safari，     2、她实...

ionic中很多功能都是可以利用插件完成的，而且简捷方便，此次图片保存到相册就是利用cordova-plugin-photo-library完成的。 官方文档         ionic： https://ionicframework.com/docs/native/photo-library/                        GitHub：https://github.com/...

这种是videogular2 跟ionic版本兼容问题 换个videogular2版本试试 把原来版本去掉  自己手动安装   npm install videogular2@6.1.0 --save 亲测有效!

{{ dateTime | date:'yyyy-MM-dd HH:mm:ss'}} {{ dateTime | date:'medium' }} {{ dateTime | date:'short' }} {{ dateTime | date:'fullDate' }} {{ dateTime | date:'longDate' }} {{ dateTime | date:'mediu...

Ionic2使用了近似原生App的页面导航方式，并不支持Angular2的路由。这种方式在开发本地App的时候比较方便，但如果要用来开发纯Web页面就有点问题了，这种情况下Angular2的router可以提供更灵活的配置。比如在首页是一个Tabs页面的情况下，如何控制用户看到的第一项Tab？默认情况下都是会导航到第一个Tab，而且地址栏的URL并不会跟随页面的切换而变化。好在Ionic2提供了一...

组件生命周期//这个顺序是按照执行的先后排列的 constructor：构造器函数，一般用于注入服务 ngOnChanges：检测到输入数据变化，首次触发发生在ngOnInit前。注意对象的属性发生变化时监听不到 ngOnInit：组件初始化，通常会设置一些初始值 ngDoCheck：手动触发更新检查 ngAfterContentInit：内容初始化到组件之后 ngAfterContentChe...

Ionic 自带的图标库固然提供了一系列的字体图标文件供开发者使用，但有时候不一定就能找到开发者想要的图标，而美工又设计出看起来漂亮的tab图标，那么这个时候就需要开发者想方设法的做到美工想要看到的效果了，找了N多资料，终于亲身试验过，可以使用自定义的图片来替换图标的方法，总结一下备忘。上代码： [plain] view plain copy   

[root] Page 指定tab希望加载的页面 tabTitle string tab上显示的标题 tabIcon string tab上显示的图标 tabBadge string tab上显示的角标数字 tabBadgeStyle string 角标数字的颜色 enabled boolean tab是否可用，默认为tru

转载地址:https://www.jianshu.com/p/3e156999eaa4组件库，可能和下面的有重复awesome-ionic2-componentsionic3-components日历ion2-calendarIonic2-Calendarionic2-date-pickerionic2-datepickereasy-ionic2-calendar滑动选项卡ionic2-super...

以前看ionic2文档的时候在网上搜索发现了一款 某大神开发的 地区选择插件，并且支持联动 升级ionic3后 本来害怕不支持3，又看了文档发现这位大神紧跟官方文档实时更新。。敬佩。。。并且这款插件使用非常简单。和官方提供的原生组件类似。原文地址链接：https://github.com/raychenfj/ion-multi-picker演示查看现场演示：https：//raychenfj.gi...

我们在ionic2/ionic3开发的过程中会出现切换页面或者滑动切换轮播图出现轮播图不再轮播的情况,这其实需要一些配置.首先在运用到轮播图的component中引入import {ViewChild } from '@angular/core'; import { Slides } from 'ionic-angular'; 然后 @ViewChild(Slides) slides: Sli...

<div #box></div> "#+名字"  这种注入属性的方式可以获取dom元素  操作该变量box就是操作这个标签元素<div #box （click）="fn(box)" ></div>   触发这个方法就可以通过参数box获取到这个元素fn(dom){    console.log(dom)}也可以通过js获取document.query...

1.认识ionic的生命周期钩子截至ionic 3.8.0版本，框架提供了8个钩子函数，它们分别会在页面生命周期的各个阶段被触发，我们来简单了解一下。1.1 ionViewDidLoad页面加载完成触发，这里的“加载完成”指的是页面所需的资源已经加载完成，但还没进入这个页面的状态（用户看到的还是上一个页面）。需要注意的是它是一个很傲娇的钩子，全程只会调用一次，即第一次进入页面时被调用，此后你无论怎...

原本转自 http://www.story2wine.com/view/52 1.下载安装ts-md5 ,进入到项目文件夹下，执行下面的命令 npm install ts-md5 --save 2.在使用的模块中导入md5模块 import {Md5} from "ts-md5/dist/md5"; 3.使用md5 constructor() {

1：在ECharts官网：http://echarts.baidu.com/index.html下载或在线定制下载官方提供的js文件 2:在ionic3项目的index.html文件中引入echarts文件 3:在需要的页面ts里加入以下代码。 import { Component, ViewChild, ElementRef } from '@angular/core'; import {...