Fatal编程技术网
  • android/
  • Android Onsen-Cordova-AngularJs模块不可用

Android Onsen-Cordova-AngularJs模块不可用

android angularjs cordova

Android Onsen-Cordova-AngularJs模块不可用,android,angularjs,cordova,onsen-ui,Android,Angularjs,Cordova,Onsen Ui,我有一个android混合应用程序，我使用cordova和onsen+angular js 这是我的index.html文件： <html lang="en" ng-app="AppModel"> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="mobile-we

我有一个android混合应用程序，我使用cordova和onsen+angular js

这是我的index.html文件：

 <html lang="en"  ng-app="AppModel">
  <head>
    <meta charset="utf-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <title>AppModel</title>  

    <!-- <link rel="stylesheet" href="css/plugins.css"/> -->
    <link rel="stylesheet/less" href="css/plugins.less"/>

    <link rel="stylesheet" href="lib/onsen/css/onsenui.css">  
    <link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css">  

    <link rel="stylesheet/less" href="css/app.less"/>
    <link rel="stylesheet/less" href="css/base-layout.less"/>

    <script src="css/less.min.js" type="text/javascript"></script>


    <script src="http://maps.google.com/maps/api/js"></script>         
    <script src="js/lodash_3.2.0.min.js"></script>  


    <script src="lib/onsen/js/angular/angular.js"></script>   

    <script src="js/angular-google-maps_2.0.12.min.js"></script>
    <script src="lib/onsen/js/angular/angular-touch.js"></script> 

    <script src="lib/onsen/js/onsenui.min.js"></script>     


    <script src="js/jquery.min.js"></script>   
    <script src="js/plugins.js"></script> 

    <script type="text/javascript" src="cordova.js"></script>

    <script src="js/appStart.js"></script>      
    <script src="js/data/data.js"></script>    
    <script src="js/angularApp/controllers.js"></script>      
    <script src="js/angularApp/directives.js"></script>      
    <script src="js/angularApp/filters.js"></script>    


</head>

<body >    

<ons-sliding-menu
    menu-page="modules/core/menu.html" main-page="modules/account_profile/login.html" side="left"
    var="menu" type="reveal" max-slide-distance="260px" swipable="true" swipe-target-width="50">
</ons-sliding-menu>

 </body>
 </html>
})

data.js、controller.js、filter.js、directive.js都是这样的：

 var app = angular.module('AppModel'); //this is the first line in each file

 app.factory('MenuData', function(){ [...]
但当我在google chrome中启动应用程序时，控制台上显示：

未捕获错误：[$injector:nomod]模块“AppModel”不可用！您要么拼错了模块名，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。 $injector/nomod？p0=AppModel

由于每个文件的第一行，data.js、controller.js、filter.js、directives.js文件将显示此消息

我不知道该怎么办。有人能帮我吗？

看起来你并不是在执行创建应用程序模块的那一行

你必须排队

angular.module('appName', [dependencies]);
在创建控制器和服务之前，如错误消息所示

您正在调用创建模块的匿名函数吗？只需添加一个空括号，它就会运行：

(function() {
  var app = angular.module(...
})();
正如错误消息所说，必须将依赖项指定为第二个参数。如果不需要，则传递一个空数组

改变

var app = angular.module('AppModel'); //this is the first line in each file
到

然后再运行一次

其他信息：

(function() {
  var app = angular.module(...
})();

var app = angular.module('AppModel'); //this is the first line in each file

var app = angular.module('AppModel', []); //this is the first line in each file