ionic中遇到的一些问题和坑

接触ionic有一段时间了,一路上踩了不少坑。大部分都记录下来了,分享给大家,可以少走很多弯路

1,ng-init不能在body里面初始化,可以在一个段落里面初始化<div ng-init>

2,使用state.go跳转页面,传递参数的时候,需要在路由配置 的地方加上{params:{restDate:null},代码如下

.state(‘detail‘,

{params:{restDate:null}

,url:‘/detail‘,

templateUrl:‘templates/detail.html‘})

3,运行项目的时候在ionic run android后面加上-lc,可以不用重复运行项目即可调试app。浏览器也是一样,代码如下,直接在代码中ctrl+s,手机就会刷新

手机运行:ionic run android -lc

浏览器运行:ionic run bowser -lc

4,state属性:prefetchTemplate  默认为true。这个设置为false,表示不提前加载html。在做按需加载的时候。也可以把这个值设置为false;和上面的第二点类似,也是在路由里面配置,这里就不重复代码了;

5,在index.xml中记得加上ion-nav-view,新建的js记得在index中注入;

<body ng-app="starter">
    <ion-nav-view></ion-nav-view>
</body>

先就这么些吧,下次有再补上,本人懂的也不是很多,还是希望大家多交流(QQ群:629856806)

				
时间: 2024-10-09 21:19:09

ionic中遇到的一些问题和坑的相关文章

ionic 中的 $scope.$watch 问题

angularjs 中的$watch 用来监控变量的变化,并做出改变. 在 ionic 中也有这个需求,这有个小小的坑. <label class="item item-input"> <i class="icon ion-search placeholder-icon"></i> <input type="text" placeholder="Search" ng-model=&qu

解决 ionic 中的 CORS(跨域)

译者注:本人翻译功力有限,所以文中难免有翻译不准确的地方,凑合看吧,牛逼的话你看英文版的去,完事儿欢迎回来指正交流(^_^) 如果你通过 ionic serve 或者 ionic run 命令使用或 live reload 或者访问过外部 API 结点,那么你肯定遇到过 CORS 问题,譬如下面这样: XMLHttpRequest cannot load http://api.ionic.com/endpoint. No 'Access-Control-Allow-Origin' header

Android中隐藏顶部状态栏的那些坑

Android中隐藏顶部状态栏的那些坑 先看看常规的隐藏状态栏的方法: 方法一: @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //去除title requestWindowFeature(Window.FEATURE_NO_TITLE); //去掉Activity上面的状态栏 getWindow().setFlags(WindowManager

ionic中的生命周期函数

//ionic中的生命周期函数 onPageLoaded(){ //page初始化时 console.log("page 1 : page loaded"); } //在这里可以做页面初始化的一些事情 onPageWillEnter(){ //page即将进入时 console.log("page 1 : page will enter"); } onPageDidEnter(){ //page进入后 console.log("page 1 : page

ionic中&lt;ion-scroll&gt;设置为左右滚动,苹果手机端触摸到此标签上时无法上下滚动内容

ionic中<ion-scroll>设置为左右滚动,苹果手机端触摸到此标签上时无法上下滚动内容. 如下代码: <ion-scroll direction="x" scrollbar-x="false" style="width:100%">  <ul class="brand-scrollList"> <li ng-repeat="lists in bestProjects&

[ISSUE]关于在ionic中使用span 问题

ionic: v1.3.2 chrome: v39 iphone-simulator: iPhone Retina 真机ipod 4: ios 6.x 在ionic 中使用span, 在chrome, 模拟器上都显示正常显示 但是在真机上面,使用 col-xx, text-align 等都没有用 暂时用div替换了span, 具体原因不明...

CodeIgniter中使用CSRF TOKEN的一个坑

事情的经过是这样的,一个自动化扫描工具说我的代码中存在XSS漏洞,什么是XSS不懂的朋友可以看这里 我的代码里面开启CodeIgniter框架的CSRF Token,如下: 很简单,更多详情参考CI官方文档,主要用法就是在form_open时候自动插入一个隐藏的token值,当然还可以直接用php echo security->csrf_hash来配合其他一些用法,这里不多说. 接下来说说我的代码,Controller中代码如下: 视图层代码这里页写得比较简单: 代码中只是生成一个form里面带

Ionic中的$ionicModal使用方法

Ionic中[弹出式窗口]有两种(如下图所示),$ionicModal和$ionicPopup; $ionicModal是完整的页面: $ionicPopup是(Dialog)对话框样式的,直接用JavaScript设定对话框的一些参数,通常用于通知消息.确认等作用: 本文主要介绍IonicModal的使用方法 中文文档:http://ionicframework.net/docs/api/service/$ionicModal/ 英文文档:http://ionicframework.com/d

angular 图片加载失败 情况处理? 如何在ionic中加载本地图片 ?

1.angular 图片加载失败 情况处理 在directive中定义组件,在ng-src错误时,调用err-src app.directive('errSrc',function(){ return { link: function(scope, element, attrs){ if(attrs.src == 'undefined'){ attrs.$set('src', attrs.errSrc); } element.bind('error', function() { if (attr