phoneGap,angularJs,onSen的一些备忘

时间:2024-12-24 14:03:38

1.ng-click="funcName";这里的funcName需要再控制器里的$scope.funcName=function(){}进行定义

2.ng-controller="xxCtl" 放在 <ons-page.... ng-controller="xxx">标签里

3. <script src="cordova.js"></script>

这个在chrome里调试时要注释掉,不然有一堆对话框,打包成apk时需要取消注释

这个提供了js调用android(ios)平台的插件的功能,插件配置在,res/xml/config.xml里(eclipse目录下)

4.在独立js文件(全局函数库里定义的函数)

需要写成var uploadFile=function(){};

写成function uploadFile(){}时,引用不到,另外独立的js文件引用标签<script src="xxx.js"></script>要放在使用代码的前面。

5.使用$scope.$apply()刷新页面数据

6.在控制器里使用ons.read(function(){}); 确保访问$scope.data变量可访问

module.controller("bottomCtl",function($scope,$http){
ons.ready(function(){ console.log($scope.tabbar);
}); $scope.myBtnClick=function(){ //===========
var isLoginUrl=apiUrl+"/GetLoginStatus.aspx?"+"&CALLBACK=JSON_CALLBACK";
$http.jsonp(isLoginUrl).success(function(json){
if(json.result.Code==0){
$scope.tabbar.loadPage('lxwm.html');
}else{
var user=localStorage["username"];
var pwd=localStorage["password"]; if(user!=null && pwd!=null){
//================
var url=apiUrl+"/login.aspx?username="+ user +"&password="+ pwd+"&CALLBACK=JSON_CALLBACK";
$http.jsonp(url).success(function(json){
if(json.result.Code==0){
$scope.tabbar.loadPage('lxwm.html' );
}else{
$scope.tabbar.loadPage('dengru.html');
}
});
//============== }else{
$scope.tabbar.loadPage('dengru.html');
}
} });
//======End======
return false;
} });

7.其他