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

Question

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

“错误：[ng:areq] 参数 'AppController' 不是函数，得到 未定义

脚本

<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

您缺少引导您的应用程序，请将 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 的样本时，一切都很好，但在我的 项目，我必须动态同步加载js文件 然后是 ons.bootstrap();给我同样的错误 "'AppController' 不是函数，未定义"

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

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

所以问题是如何在加载文档后初始化温泉用户界面？ 希望有人可以提供帮助，我对 angularJS/OnsenUi 不是很熟悉...第一个项目

编辑：

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

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