ionic2
兰色的fire
这个作者很懒,什么都没留下…
展开
-
ionic2 url不安全问题 caused by: unsafe value used in a resource URL context
ionic2 中,img,iframe的src,a的href,有需要引入外部url的资源链接,但是,变量直接赋值url的话,会报错:caused by: unsafe value used in a resource URL context (see http://g.co/ng/security#xss)顾名思义,加上看了官网文档:http://http://g.co/ng/se原创 2016-12-22 15:51:09 · 4686 阅读 · 0 评论 -
ionic2 angular2自定义pipe ,orderby实现排序
ionic2项目开发中,我们会用到排序功能,原以为angular2和angular1中一样,结果不能用啊官网是这么说的:https://angular.io/docs/ts/latest/guide/pipes.html#!#no-filter-pipe"Some of us may not care to minify this aggressively. That's ou原创 2017-01-05 19:49:41 · 5844 阅读 · 3 评论 -
ionic2 Android平台使用ios UI样式风格
ionic会根据平台来生成不同的样式,这些样式是符合系统UI风格的,做过ionic开发打包成不同platform的App就知道。但是,有时候真心觉得Android的UI风格不好看,或者设计师只出了一套ios风格的UI,所以想把ionic打包的所有App都用ios风格。其实很简单:在app.module.ts文件中,修改内容如下: imports: [ IonicModul原创 2017-04-19 17:49:41 · 871 阅读 · 0 评论 -
ionic2实现通讯录,联系人搜索功能
contact.html文件内容: <ion-searchbar (ionInput)="getItems($event)" placeholder="姓名首字母组合、数字搜索" autocomplete="on" mode='ios' color='orange' showCancelButton='true' cancelButtonText="取消" (ionC原创 2017-04-19 18:33:25 · 39596 阅读 · 9 评论 -
ionic2修改默认首页,根页面
ionic2修改默认首页,动态修改根页面原创 2017-04-20 20:00:29 · 7091 阅读 · 4 评论 -
ionic获取cookie
我们如果需要获取服务器返回的cookie,是拿不到的,因为ionic自己的域名为http://localhost/8100,而我们自己的域名肯定不是这个。我们要读取的其实是自己服务器传来保存在浏览器的cookie,但是ionic App只能读取本地域名,即http://localhost/的。所以是不能从浏览器存储里读取的。若真要获取cookie,在没有http-only属性前提下原创 2017-04-26 18:15:15 · 2572 阅读 · 4 评论 -
ionic2 导入第三方js库文件
网上有很多歪果仁写的导入第三方js,但是都行不通。还是要用官方推荐的typings。步骤如下:1.全局安装Typingsnpm install -g typings2.搜索你想要的插件,如chartjstypings search chart.js搜索结果如下:Viewing 1 of 1NAME SOURCE HOMEPAGE原创 2017-03-07 17:13:31 · 4750 阅读 · 0 评论 -
ionic 全屏显示,隐藏状态栏StatusBar
ionic项目会默认添加 cordova-plugin-statusbar 插件,可以控制状态栏cordova官网链接如下:https://github.com/apache/cordova-plugin-statusbar所以,是可以按照如上的方法去操作但是,千万不要用ionic官网的npm引用方式,会报错!就是这个npm install --save @ionic-原创 2017-07-11 17:26:41 · 6848 阅读 · 0 评论 -
升级到ionic3 Lazy Loading懒加载,ionic3新建页面
ionic2 CLI新建页面命令:ionic g page home生成:home.html,home.ts,home.scss三个文件ionic升级到到3.+之后,ionic g page home或者ionic generate page home生成:home.html,home.ts,home.scss三个文件之外,还会生成home.module.ts,原创 2017-06-27 12:03:37 · 4992 阅读 · 0 评论 -
ionic实现App动态更新,热更新
ionic实现App动态更新,热更新原创 2017-05-02 18:14:33 · 5215 阅读 · 0 评论 -
TypeScript Angular ionic引用jQuery
网上找个很多方式,其实很简单,只需三步npm安装jQuery. npm install jquery --save安装l types 内的 jQuery.npm install @types/jquery --save导入import * as $ from 'jquery';注意:要安装的jQuery版本不能是最新的3.+,原创 2017-08-16 17:31:14 · 1248 阅读 · 0 评论 -
ionic2 使用自定义icon
ionic2 使用自定义icon,设置tab选中的颜色值原创 2017-03-14 10:40:03 · 2905 阅读 · 0 评论 -
ionic2 App启动慢,长时间白屏,使用--prod解决
解决ioni2 App(尤其Android)启动慢,长时间白屏,手动控制splashscreen关闭,Android长时间打不开挂掉,压缩App大小的问题原创 2017-03-10 17:36:17 · 12374 阅读 · 0 评论 -
ionic2 --prod编译打包白屏,报错Duplicate export ‘***NgFactory’问题解决
ionic2 使用--prod参数打包App会让App启动会快好多,而且包也会变小。但是我使用 --prod 打包之后的App一直白屏,App进不去,但是不适用--prod就不会。这个问题困扰了我好久。后来看log,报错是"Uncaught Error: Module parse failed: \node_modules\@ionic\app-scripts\dist\webpack原创 2017-03-10 17:26:52 · 1822 阅读 · 1 评论 -
cmd执行ionic serve命令,问题错误:npm ERR! Windows_NT
ionic2 serve问题错误:npm ERR! code ELIFECYCLEnpm ERR!npm ERR! ionic-hello-world@ ionic:serve: `ionic-app-scripts serve`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the ionic-hello-world@ ionic:serve script 'ionic-serve'.npm ERR! Make sure you have th原创 2016-12-22 15:21:55 · 5989 阅读 · 0 评论 -
ionic2 ts中使用cordova插件
ionic2 ts中使用cordova插件 Property 'plugins' does not exist on type 'Window'.原创 2016-12-27 19:53:34 · 2622 阅读 · 0 评论 -
TypeScript 错误“property does not exist on value of type”
在用TypeScript写angular2或者ionic2项目时,导入原来JavaScript代码,有时出现“property does not exist on value of type”问题即该对象找不到此属性,原因是ts是静态语言,类型是需要定义的,未定义就有可能找不到。最简单的解决方式是:加 as anyeg:y.x报错,则改为(y as any).x原创 2017-01-05 19:45:36 · 22909 阅读 · 4 评论 -
ionic2 tabs使用 Modal底部tab弹出框
项目要实现一个功能,在首页底部中间的tab弹出一个页面,而且是没有底部栏的,而不是像平常滑动的一个子页面。像这样:做法其实很简单1.修改tabs.html中的tab,去掉[root]="tab2root"属性,就不会显示子页面了2.添加(ionSelect)方法,点击这个tab按钮的事件,用来显示你的弹出modal去掉之前:去掉之后:3.在tab原创 2016-12-30 14:13:13 · 5020 阅读 · 0 评论 -
ionic2 子页面隐藏去掉底部tabs导航,子页面全占满显示方法
ionic2 子页面隐藏去掉底部tabs导航,子页面全占满显示方法原创 2017-01-18 09:56:59 · 6249 阅读 · 8 评论 -
ionic2 修改返回键颜色文字
在app.module.ts文件中修改返回键内容: imports: [ IonicModule.forRoot(MyApp,{ backButtonText: '', }), JsonpModule, ],在variables.scss文件中修改返回键颜色$toolbar-md-button-color :#fb6d07;$toolbar原创 2017-01-23 17:32:41 · 3837 阅读 · 2 评论 -
ionic2 隐藏滚动条
在全局scss文件 app.scss文件中添加::-webkit-scrollbar { display: none !important;}即可取消滚动条啦原创 2017-01-23 17:45:22 · 4035 阅读 · 0 评论 -
ionic2 svg格式icon不显示,报错: Refused to load the image 'data:image/svg
ionic2 svg格式icon不显示,报错: Refused to load the image 'data:image/svg原创 2017-01-23 17:59:23 · 2228 阅读 · 0 评论 -
ionic2 iframe加载外部url,引用其他网站
在ionic2项目中,我们需要加载其他网站的页面,Android直接加载到iframe没问题,但是,ios不显示!解决方法:在config.xml中添加:原创 2017-02-23 16:34:23 · 4224 阅读 · 0 评论 -
ionic2 数据更新,刷新页面
虽然ionic2是双向数据绑定,但是也有需要手动刷新页面的时候。方法如下:1.导入ChangeDetectorRefimport { ChangeDetectorRef } from '@angular/core';2.声明constructor( public cd: ChangeDetectorRef){}3.在数据更新后,调用detectChanges方法刷新this.原创 2017-02-15 19:08:46 · 14919 阅读 · 7 评论 -
TypeScript ts阻止点击事件冒泡
TypeScript ts Angular阻止点击事件冒泡原创 2017-09-11 14:14:05 · 6532 阅读 · 0 评论