ionic 开发笔记

1、AngularJS 外部的控制器(DOM 事件、外部的回调函数如 jQuery UI 空间等)调用了 AngularJS 函数之
后,必须调用$apply。在这种情况下,你需要命令 AngularJS 刷新自已(模型、视图等), $apply 就是
用来做这件事情的。
代码举例:

 var app = angular.module("myApp", []);
app.controller('firstController',function($scope){
$scope.name = 'hello';
setTimeout(function(){
//$scope.name = 'hi';
$scope.$apply(function(){
$scope.name = 'hi';
});
},2000);
/*$timeout(function(){
$scope.name = 'hi';
},2000);*/ $scope.show = function(){
alert('adssdg');
$scope.name = 'hi点击事件发生了';
}; });

2、使用item-input可以使多文本在同一行,但是左边的图标和第一个文本重叠,使用padding解决

css代码

.col-padding{
padding:0 40px 0 40px;
}

html代码

<div class="item item-input item-icon-left item-icon-right">
<i class="icon ion-location"></i>
<h2 class="col-padding">当前位置</h2>
<input type="text"/> <i class="icon ion-ios-arrow-right"></i>
</div>

3、input在一些条件下不允许编辑,使用disable readonly等等会使input变灰,需要额外控制css样式,

使用 onfocus="this.blur()效果最好,目前没有发现其他问题。举例:

<input type="text" ng_model="FCostType.FName" onfocus="this.blur()" ></input>

4、ionic 右上角信息 class="item-note"

<span class="item-note">
{{newDate(item.FDate)}}
</span>

5、调用 $ionicModal后,在modal中对搜索字段随时监听,但是设置watch监听失效的问题;不知道为什么要先设置一个对象,然后给对象设置属性,再监听该对象的属性即没有问题;

也就是说,$ionic.watchvar='';如果你直接监听watchvar没用,需要先$ionic.watchObj={};再$ionic.watchObj.watchvar='';对watchvar进行监听就OK 了。

案例代码如下:

$scope.searchData={};
$scope.searchData.data=""; $scope.$watch('searchData.data',function(newVal,oldVal){
//console.log('searchData.data changed:');
if($scope.modal.isShown())
{
$scope.loadSearListData();
}
//console.log(newVal);
//console.log(oldVal);
},true);

6、禁止侧滑后退事件

$ionicConfigProvider.views.swipeBackEnabled(false);

上一篇:OC - 15.NSURLSession与NSURLSessionTask


下一篇:C++利用注册表添加桌面右键新建菜单