文档加载后初始化onsenui

Question

我正在尝试在加载一些js文件后初始化onsenui，但随后 ons.bootstrap（）导致错误。 当我使用onsenui的样本时，一切都很好，但在我的 项目，我必须动态和同步加载js文件 然后ons.bootstrap（）;给我这个错误 “'AppController'不是函数，未定义”

如果在html doc中使用脚本标记声明了相同顺序的相同js库，一切正常。

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

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

感谢

我已经创建了两个样本来证明我的问题。

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

任何想法？

Answer 1

您尝试在渲染元素后加载Onsen，这就是它给出错误的原因。在呈现组件之前，应始终执行Onsen。

如果你想在加载DOM后执行一些代码，你应该使用ons.ready()函数，你可以在official documentation中查看它。

在这里，您可以找到固定且有效的CodePen：http://codepen.io/andipavllo/pen/ZbKzRy

这是编辑过的JS：

＆＃13;

＆＃13;

ons.bootstrap().controller("appController", function () 
    {
      ons.ready(function(){
      console.log("works")
    })
});

＆＃13;

＆＃13;

＆＃13;

希望它有所帮助！