问题描述
经过长时间的测试……最终是在我的index.html文件中,
<ui-view />
被Angular ui路由器使用并将其替换为此,就成功了。
<ui-view></ui-view>
解决方法
我正在使用角度生成器构建一个yeoman应用程序。
我的index.html文件中包含的js库是:
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/modernizr/modernizr.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="bower_components/d3/d3.js"></script>
<script src="bower_components/select2/select2.js"></script>
<script src="bower_components/angular-ui-select2/src/select2.js"></script>
仅当在jquery 之前 包含jquery时,才会出现此问题,如果在jquery 之后 ,则不会发生。
标题指出的问题是,我在控制台中收到 “警告:试图多次加载角度” ,应用无法初始化。
有人知道为什么会发生这种情况吗?
我只有一个ng-app,我只包含了一次angular …一切。它看起来与配置无关,因为更改脚本的位置可以解决该问题。
你们有什么线索吗?
有谁知道我是否能够配置为包括脚本顺序?当我使用angular-
generator时,我已将usemin设置为包括bower脚本。我想知道是否有任何方法可以指定以哪种顺序包含脚本。
这是我的项目的bower.json文件:
{
"name": "<name>","version": "0.0.0","dependencies": {
"angular": "1.2.15","json3": "~3.2.6","es5-shim": "~2.1.0","angular-ui-router": "~0.2.10","modernizr": "~2.8.1","d3": "~3.4.6","angular-ui-select2": "~0.0.5"
},"devDependencies": {
"angular-mocks": "1.2.15","angular-scenario": "1.2.15"
}
}
我试图在Google中搜索时没有运气。提前致谢!
更新1:
我刚刚发现,如果以这种方式包含脚本,则不会两次包含angular,并且始终会首先加载它。
<!-- build:js scripts/vendor.js -->
<script src="bower_components/angular/angular.js"></script>
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/modernizr/modernizr.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="bower_components/d3/d3.js"></script>
<script src="bower_components/select2/select2.js"></script>
<script src="bower_components/angular-ui-select2/src/select2.js"></script>
<!-- endbower -->
不是最好的解决方案,但至少现在是这样……无论如何,我想将一切都包含在bower:js标记内。