zoukankan      html  css  js  c++  java
  • phoneGap,angularJs,onSen的一些备忘

    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;
        }
    
    });
    View Code

    7.其他

  • 相关阅读:
    eclips git中的add to Index无效解决
    关于Promise 简单使用理解
    小程序顶部可滚动导航
    读jQuery源码
    Web UI
    JavaScript滚动条插件源码
    Ajax异步刷新地址栏url改变(利用Html5 history.pushState实现)
    angular2如何按需加载?
    如何把bootstrap用webpack打包
    typings的理解
  • 原文地址:https://www.cnblogs.com/wdfrog/p/4643106.html
Copyright © 2011-2022 走看看