Javascript无法使用从ui-router加载的动态视图运行

时间:2014-12-18 02:13:47

标签: javascript angularjs angular-ui-router

当我尝试使用ui-router将模板加载到ui-view时出现问题。 javascript已加载但未在加载的视图上运行。 完整的故事是: 我有一个HTML模板,包含完整的js,css ...文件。一切都在HTML中完美运行。然后我添加AngularJS和UI-Router,使页面动态显示。 我的代码如下:

<head>
<script src="angular.js"></script>
<script src="angular-ui-router.min.js"></script>
</head>
<body>
 <h1>This is the content of dynamic view</h1>
<div ui-view></div>

<script src="jquery.min.js"></script>
<script src="jqueryui.min.js"></script>
... 
<script src="isotype.min.js"></script>
</body>

当我从ui-router加载视图时,布局是正确的。但是没有运行javascript效果。 我该如何解决这个问题?我想在index.html中加载一个js文件列表,这样当它改变ui-view时,我不必再次加载它们。

1 个答案:

答案 0 :(得分:0)

我找到了解决这个问题的方法。我配置html模板中每个元素的文件custom.js将放在HTML模板文件中。 当索引文件加载HTML模板时,它也将加载custom.js文件。