Ionic 开发中遇到的常见问题及解决方案

  • 时间:
  • 浏览:1
  • 来源:uu快3app赚钱_uu快3大小计划注册

怎样回到上一页面?

用$ionicHistory这人 模块,引入该模块后使用goBack([backCount]),backCount指定回去几个个页面(-1代表回去另一个页面),默认为-1

运行serve命令时ionic报错?

ionic $ An uncaught exception occured and has been reported to Ionic

看看你是不还有另一个终端在运行着serve呢?

怎样在ionic中加载本地图片?

对于css文件夹中的样式文件中可能性要调用本地的图片的话,从该css文件所在的文件夹开始英语 算,例如www/css/style.css要加../,全都在浏览器中能否正常显示,在设备上不行,型态如下所示:

.login-page {

background:url(../img/signup_bg.png);

background-size: cover;

background-repeat: no-repeat;

}

全都对于在页面中定义的图片路径,从www路径开始英语 算,全都浏览器中可显示,但设备上不行,img文件夹和index.html在一级,如:

在安卓设备上怎样让title居中?

在headerbar中上加align-title="center",如:

另有另一个tabs中声明该auth-signup:

icon-off="ion-ios-personadd-outline" href="#/auth/signup">

发布应用的之前 可能性遇到翻译错误即MissingTranslation为甚办?

暂时的出理 最好的辦法 是,不进行翻译校正, 在 /platforms/android/build.gradle 中的android {}节中加入:

lintOptions {

}

})

ionic怎样实现对每个请求都上加认证信息或认证失败自动重新登录?

在应用的注册可能性登录帕累托图,不记名token响应了这人 请求全都这人 token被存储到本地存储中。当你向后端请求另一个服务时,你需用把这人 token倒进头部中。让他在app.js的.config最好的辦法 中使用AngularJS的拦截器实现这人 。每次请求能否 被拦截全都会把认证头部和值倒进头部中,同理可能性服务器端响应401或403,跳转到重新登录页面.

$httpProvider.interceptors.push(function ($q, $location, User, $rootScope) {

...

看angularjs-code-organization了解更多,嗯这篇文章写的还完整篇 能否 best practice,可能性你还得记着买车人把[]写到那个模块里了,统一地写在app.js中即可,在app.js最下面上加例如:

angular.module('fcws.controllers',['ionic', 'fcws.services']);

angular.module('fcws.services', []);

能否达到和上端一样的效果,全都能否统一管理.

ionic的subheader挡住了内容区域为甚办?

出理 方案是给加类has-subheader,同理能否能加has-header。如下:

});

对于需用上加数据的list,在上加数据后页面都这样 及时刷新造成卡顿为甚办?

能否使用$ionicScrollDelegate.resize();在上加数据后手动进行重新刷新,记得上加依赖

},400);

前言

Ionic是目前较为流行的Hybird App出理 方案,在Ionic开发过程中会遇到全都常见的开发疑问报告 ,本文尝试对哪此疑问报告 给出出理 方案。

border-top: 4px solid #f06336;

}

怎样寻找优秀的范例代码?

目前全都ionic 的app都这样 进行代码混淆,共要ionic官方的ionic view都这样 进行代码混淆,下载亲戚亲们的app,文件名改成zip,解压,所有的 www文件完整篇 能否 assets文件夹中,共要开源了有木有,看看哪此最优秀的practice。看中哪此优秀的app,下下来,怎样在googleplay上下载?把googleplay应用的地址装进去apps.evozi中。

}

怎样显示相对时间?

如几分钟前,几天前等,能否用momentjs,看这篇教程

怎样在列表右下方上加时间等信息?

span 能否用来将时间例如的附加信息显示到列表右边,如下面会将创建时间显示在name的右边:

怎样实现IonicView中card上端有一列分割线的效果?

在css里定义

全都常识与技巧

list 有延迟,能否在ion-content处使用 overflow-scroll="true"尝试

在上用ng-click上是没效果的

标签内的事件会在整个label内被触发,点哪都触发

快捷修改背景色

能用ng-if就用ng-if,ng-if的速率单位比ng-show和ng-hide高

直接在ion-list中的ion-item中暂且能触发ng-click事件,能否在item中的元素上再套一层div

能否用ng-class="{'important': post.important}"配合css 根据列表元素显示不同的效果

获取日期用$filter,var postdate = $filter('date')(date, 'yyyy-MM-dd HH:mm:ss');

列表中的元素都这样 写成 id : 4,应写成 id : "4",注意在创建id变量的之前 也需用转成string,如var id = InfoListService.getListLength()+1+"";

使用$log进行log输出,为哪此用$log而完整篇 能否 console.log呢?能否看看这人

在安卓上的体验比较差,动画有延迟?能否试试ionic集成的crosswalk

controllers和services 的文件名可能性会重合,全都亲戚亲们意义差太满,能否将controllers中的文件名小写,对应的services中的文件名大写进行区分,可能性加后缀xxxControler,xxxService

安装cordova插件的之前 用ionic plugin add ...的最好的辦法 上加,之前 能 在package.json中上加这人 插件的条目,可能性其他同学clone了你的项目想在本地运行,能否用ionic state restore它会根据cordovaPlugins条目安装对应的插件。可能性直接用cordova plugin add 安装则不需要更新package.json。



上传base64编码的之前 可能性提示413错误,是可能性文件过大愿因 的,能否在nodejs中设置bodyparser的文件限制:



var bodyParser = require('body-parser');

app.use(bodyParser.json({limit: '400mb'}));

app.use(bodyParser.urlencoded({limit: '400mb', extended: true}));





img 中 base64编码的图片无法显示?在源码中发现angular上加了unsafe标签?需用在白名单中上加data:image



$compileProvider.imgSrcSanitizationWhitelist(/^s*(https?|ftp|mailto|content|file|assets-library):|data:image//);





有之前 pm2运行有疑问报告 ,重启一下即可



在ios设备上运行ionic run ios --device

ionic怎样实现搜索框内的完整篇 清除按钮?

在label中的input都这样 嵌入按钮,可能性ionic对于label中的tap事件会进行重定向到input上。出理 方案是将label替上加span或div。如下面的搜索框,注意ng-model需全都另一个对象能否置空,变量不行:

ionic怎样出理 回退按钮?例如询问用户与非 真的要退出应用

能否在app.js的.run最好的辦法 中增加对硬件回退按钮的注册出理 ,这里我在大帕累托图页面都想注册该事件,除去有二级历史页面的我单独判断了下,注意增加依赖。

$ionicPlatform.registerBackButtonAction(function(e) {

怎样在ionic中嵌入网页代码?

使用ng-bind-html这人 类,不过它会过滤原始html的标签,亲戚亲戚亲们能否引入$sce模块,用$sce.trustAsHtml()最好的辦法 信任亲戚亲戚亲们获取的网页

// File : /js/directives/myBetterDirective.js

angular.module('app.directives')

// File : /js/directives/myGreatDirective.js

angular.module('app.directives')

用docker跑ionic的之前 ,都这样 把地址绑定到0.0.0.0为甚出理 ?

能否用ionic serve -all的最好的辦法 出理

controller.js和service.js文件都这样 大为甚办?

所有的控制器暂且都倒进controllers.js这另一个文件中,能否新建controllers文件夹,

全都把每个controller都建另一个.js文件,同理services和utils等完整篇 能否 .但注意要在index.html中head帕累托图声明.全都为了出理 亲戚亲们相互覆盖,第另一个加载的js中模块中要加[…],全都完整篇 能否 需用。如:

// File : /js/directives/mainDirective.js

angular.module('app.directives',[]);

怎样关闭应用?

ionic.Platform.exitApp();



中上加这人 插件的条目,可能性其他同学clone了你的项目想在本地运行,能否用ionic state restore它会根据cordovaPlugins条目安装对应的插件。可能性直接用cordova plugin add 安装则不需要更新package.json。



上传base64编码的之前 可能性提示413错误,是可能性文件过大愿因 的,能否在nodejs中设置bodyparser的文件限制:



var bodyParser = require('body-parser');

app.use(bodyParser.json({limit: '400mb'}));

app.use(bodyParser.urlencoded({limit: '400mb', extended: true}));





img 中 base64编码的图片无法显示?在源码中发现angular上加了unsafe标签?需用在白名单中上加data:image



$compileProvider.imgSrcSanitizationWhitelist(/^s*(https?|ftp|mailto|content|file|assets-library):|data:image//);





有之前 pm2运行有疑问报告 ,重启一下即可



在ios设备上运行ionic run ios --device



不过这人 设置对ion-view无效,亲测,可能性要统一让所有navbar上的title居中(包括上端的headerbar),能否在config里设置,如:

.config(function($stateProvider, $urlRouterProvider,$ionicConfigProvider) {

$ionicConfigProvider.navBar.alignTitle('center');

...

可能性要让某另一个view title居中,能否用$ionicNavBarDelegate,参考ionic官方文档

更新了数据,怎样让界面更新呢?

能否用广播,注意$broadcast 和 $emit的区别

怎样让在sidemenu中的headerbar能否显示头像等全都信息?

出理 方案是上加headerbar,上加另一个avatar到sidemenu content中,如:

怎样将template加载到某个tab或某个sidemenu项目下?

 能否指定name,全都在子情況中使用该name,ionic就知道该把该情況的template渲染到哪边了。例如:

// signup page

.state('auth.signup', {

url: '/signup',

views: {

加载页面的之前 能 看了双括号一闪而过?

angularjs 在使用双括号的之前 ,第另一个加载的页面,也全都应用中的index.html,其未被渲染好的模版可能性会被用户看了。用ng-bind就不需要遇到这人 疑问报告 。造成这人 疑问报告 的愿因 是,浏览器需用首先加载HTML页面,渲染它,全都Angular才有可能性把它解释成你期望看了的内容。不过热烈祝贺 是,在大多数的模版中你依然能否使用双括号.全都对于index.html页面中的数据绑定操作,建议使用ng-bind。

ng-bind使用最好的辦法 如下: 

疑问报告 列表

1.怎样在某个界面中上加导航栏?

2.怎样在ionic中加载本地图片?

3.怎样在ionic中嵌入网页代码?

4.怎样将template加载到某个tab或某个sidemenu项目下?

5.运行serve命令时ionic报错?

6.用docker跑ionic的之前 ,都这样 把地址绑定到0.0.0.0为甚出理 ?

7.加载页面的之前 能 看了双括号一闪而过?

8.更新了数据,怎样让界面更新呢?

9.怎样实现IonicView中card上端有一列分割线的效果?

10.controller.js和service.js文件都这样 大为甚办?

11.怎样寻找优秀的范例代码?

12.怎样显示相对时间?

13.发布应用的之前 可能性遇到翻译错误即MissingTranslation为甚办?

14.怎样在列表右下方上加时间等信息?

15.怎样回到上一页面?

16.怎样关闭应用?

17.在安卓设备上怎样让title居中?

18.怎样让在sidemenu中的headerbar能否显示头像等全都信息?

19.ionic的subheader挡住了内容区域为甚办?

20.对于需用上加数据的list,在上加数据后页面都这样 及时刷新造成卡顿为甚办?

21.ionic怎样出理 回退按钮?例如询问用户与非 真的要退出应用

22.ionic怎样实现对每个请求都上加认证信息或认证失败自动重新登录?

23.ionic怎样实现搜索框内的完整篇 清除按钮?

怎样在某个界面中上加导航栏?

可能性某个界面上不需要需要导航栏,能否简单地在最上端的标签中上加hide-nav-bar="true"