angular和ionic
ionic开发记录
洺鱼
一只萌萌的程序员
展开
-
ionic app在部分手机上http/https请求失败的解决方法
出现这个问题的原因是最新版的android 系统禁用了http协议的请求,推荐使用https的请求方式。解决方法:1.在AndroidManifest.xml文件中application标签上加 android:networkSecurityConfig="@xml/network_security_config"2.在res/xml文件夹下创建名为network_security_config的xml文件文件内容如下:<?xml version="1.0" encoding="u原创 2021-01-01 00:03:36 · 2342 阅读 · 3 评论 -
ionic5+angular 中 modal的ngIf报错,同时解决ngx-img-cropper组件无法显示图片的问题
使用ionic5弹框,代码如下:const modal = await this.modalController.create({ component: MyComponent, componentProps: { title: option.title || '', }, cssClass: 'my-custom-class' }); await modal.present(); const { data } =原创 2020-12-17 05:13:52 · 440 阅读 · 0 评论 -
如何在ionic5 release版本降级安装ionic3
之前一个大项目在ionic3下完成,希望在ionic3版本下继续开发,所以需要安装指定的环境。nodev6 、v8都可以,只不过v8版本下node-sass有问题,需要rebuild node-sass就可以了。ionic安装ionic3的最新版本:npm install -g ionic@3.9.10cordova刚开始直接安装默认的cordova v10,执行命令cordova plugin list报错。指定版本安装后可以:npm install -g cor...原创 2020-12-03 16:15:17 · 412 阅读 · 1 评论 -
ionic3 解决android 软键盘遮挡输入框问题
特别声明:原创文章,禁止转载。1.安装scroll-into-view-if-needednpm i scroll-into-view-if-needed 2.封装指令import { Directive, ElementRef, HostListener } from "@angular/core";import scrollIntoView from 'scroll-in...原创 2018-10-29 16:21:14 · 1347 阅读 · 0 评论 -
ionic3解决动态绑定input和textarea最大长度maxlength失效的问题
其实非常简单,在ion-input或ion-textarea标签或父元素上加一个*ngIf=“showInput”其中showInput=false,在绑定了maxlength之后再设置showInput=true原创 2018-10-15 17:26:21 · 2463 阅读 · 2 评论 -
ionic3升级android build-tools到28.0.0之后运行报错解决
1.将Android Studio\plugins\android\lib\templates复制到Android\sdk\tools\目录2.unable to find attribute android:fontVariationSettings and android:ttcIndex第一,首先升级cordova-plugin-crosswalk-webview插件到2.4.0第二,然后安...原创 2018-05-29 17:25:25 · 2415 阅读 · 2 评论 -
ionic2、 ionic3 FileReader 无效解决方案
如果是ionic2 || ionic3 的话,把index.html里面的“ <script src="build/polyfills.js"></script> ”顺序移动到“ <script src="cordova.js"></script> ”上面就可以了...原创 2018-04-24 20:11:34 · 654 阅读 · 1 评论 -
cordova插件使用
ng-cordova官网: http://ngcordova.com/docs/plugins/geolocation/cordova官网: http://cordova.apache.org/plugins/?platforms=cordova-android支付 co.airsia.cordova.pingpp 地址:https://github.com/TongChia/co原创 2017-03-30 19:26:15 · 3406 阅读 · 1 评论 -
ionic3重要知识点记录
一、Promise使用 http://liubin.org/promises-book/ $q.when() —-> Promise.resolve(); $q.defer() —-> new Promise((resolve,reject)=>{}); $q.all() —-> Promise.all();二、R...原创 2018-01-03 09:44:16 · 985 阅读 · 1 评论 -
angular2+和ionic2+学习
异常Error:java.util.concurrent.ExecutionException: com.android.tools.aapt2.Aapt2Exception: 异常Error:All flavors must now belong to a named flavor dimension https://www.jianshu.com/p/02a62574d9a1解决cor...原创 2017-11-08 10:20:17 · 1509 阅读 · 0 评论 -
vscode 升级1.18遇到Cannot find type definition file for 'node'
ionic3项目,今天升级了vscode1.18.0,ionic serve 报错Cannot find type definition file for ‘node’, 解决方法: npm install @types/node –save参考资料:https://github.com/Microsoft/TypeScript/issues/16772#issuecomment-311578原创 2017-11-15 14:33:00 · 9010 阅读 · 0 评论 -
angularjs和ionic学习博客和问题记录
解决ionic 上拉加载组件 ion-infinite-scroll自动调用多次的问题或禁止第一次加载 http://blog.csdn.net/lpandeng/article/details/56282726ionic 上拉刷新 ion-infinite-scroll 自动调用多次问题解决 http://blog.csdn.net/chenhua4088/article/details/49原创 2017-04-18 15:13:38 · 2267 阅读 · 0 评论 -
ionic安装和升级
1.安装Node.js https://nodejs.org/en/2.安装ionic npm install -g cordova ionic 创建一个名为myApp的还有tabs的项目 ionic start myApp tabs 添加android平台: ionic platform add android 生成androidapk:原创 2017-05-04 10:01:42 · 2302 阅读 · 0 评论 -
ionic瀑布流
首先使用这个插件: https://github.com/zedwang/angular-waterfall更改部分代码,获得兼容性if (scope.$last === true) { angular.element(element).ready(function() { var img =原创 2017-04-19 10:36:42 · 1365 阅读 · 0 评论 -
ionic 中的popover 在ios android上的样式 不同解决办法
$scope.openPopover = function($event,flag) {//去掉所有的样式document.body.classList.remove('platform-ios');document.body.classList.remove('platform-android');//使用ios的样式document.body.classList.add('platform-io原创 2017-02-07 16:40:57 · 2133 阅读 · 5 评论 -
cordova + ionic 使用中碰到的一些问题
1、No Content-Security-Policy meta tag found. Please add one when using the cordova-plugin-whitelist plugin. 解决办法 index.html 中添加 《meta http-equiv=”Content-Security-Policy” content=”default-src *; sty转载 2016-10-17 17:12:14 · 2051 阅读 · 0 评论 -
ng-options用法详解
ng-options属性可以在表达式中使用数组或对象来自动生成一个select中的option列表。ng-options与ng-repeat很相似,很多时候可以用ng-repeat来代替ng-options。但是ng-options提供了一些好处,例如减少内存提高速度,以及提供选择框的选项来让用户选择。当select中一个选项被选择,该选项将会被绑定到ng-model。如果你想设一个默认值,可以像这转载 2016-09-07 16:15:55 · 498 阅读 · 0 评论