Onsenui;[ng:areq] 参数 'AppController' 不是函数，在 angularjs 中未定义

Question

我正在使用 Onsenui 开发混合应用程序，cordova.i 在控制器 ons-page 中加载时遇到此错误。我已经提到了很多与此问题相关的 Whosebug 问题，但没有得到解决方案

"Error: [ng:areq] Argument 'AppController' is not a function, got undefined

脚本

<script src="js/cordova.js"></script>
<script src="lib/onsen/js/onsenui_all.min.js"></script>
<script src="js/app.js"></script>

Html内容

<ons-template id="home.html" >
    <ons-navigator var="myNavigator">
        <ons-page ng-controller="AppController">
        ##contents goes here
        </ons-page>
    </ons-navigator>
</ons-template>

app.js

(function(){
  'use strict';
  var module = angular.module('app', ['onsen']);

module.controller('Appcontroller', function() {
 alert("inside controller");

});
})();

Answer 1

您缺少 bootstrap 您的应用，请将 ng-app 属性添加到您的第一个元素

   <ons-template id="home.html">
        <ons-navigator var="myNavigator" ng-app="app">
            <ons-page ng-controller="AppController">
            ##contents goes here
            </ons-page>
        </ons-navigator>
    </ons-template>

Answer 2

我遇到了几乎相同的问题，但 ng-app 属性对我没有帮助。当我使用来自 onsenui 的样本时，一切正常 quite 很好，但在我的项目，我必须动态同步加载js文件然后 ons.bootstrap();给我同样的错误 “'AppController' 不是函数，未定义”

如果在 html 带有脚本标签的文档中声明相同顺序的相同 js 库，则一切正常。

我发现如果脚本是通过普通脚本标签加载的，然后我会等到 html 文档完全加载，然后通过我得到的开发人员工具调用 ons.bootstrap()同样的错误。

所以问题是如何在加载文件后初始化温泉ui？希望有人能帮忙，我对 angularJS/OnsenUi 不是很熟悉...第一个项目

编辑：

我已经创建了 2 个示例来演示我的问题。

像温泉一样工作ui 样本。 jbBgmdhttp://codepen.io/anon/pen/jbBgmd
不像我的情况那样工作。 BoWXdPhttp://codepen.io/anon/pen/BoWXdP

Onsenui;[ng:areq] 参数 'AppController' 不是函数，在 angularjs 中未定义

Onsenui;[ng:areq] Argument 'AppController' is not a function, got undefined in angularjs

javascript

angularjs

cordova

onsen-ui