ui-router加载子页面JS的问题
发布于 8 年前 作者 TinyMattew 4751 次浏览 来自 问答

通过ui-router引入的模板页,为什么模板页里面的JS文件都不起作用了呢? 例如我在模板页引用了ueditor,放到ui-view就显示不了了?

ueditor jade模版

div
	script#editor(type='text/plain', name="content" style='width:100%;height:500px;').

script(type='text/javascript', charset='utf-8', src='/ueditor/ueditor.config.js')
script(type='text/javascript', charset='utf-8', src='/ueditor/ueditor.all.min.js')
script(type='text/javascript', charset='utf-8', src='/ueditor/lang/zh-cn/zh-cn.js')
script(type='text/javascript').
	var ue = UE.getEditor('editor');

ui-router 生成后的页面

<div class="ng-scope" ui-view="">
<div class="ng-scope">
  <form class="ng-pristine ng-valid" method="post">
    <div>
      <script id="editor" type="text/plain" name="content" style="width:100%;height:500px;"></script>
    </div>
    <p>
      <input value="提交" type="submit">
    </p>
  </form>
</div>
<script class="ng-scope" type="text/javascript" charset="utf-8" src="/ueditor/ueditor.config.js"></script>
<script class="ng-scope" type="text/javascript" charset="utf-8" src="/ueditor/ueditor.all.min.js"></script>
<script class="ng-scope" type="text/javascript" charset="utf-8" src="/ueditor/lang/zh-cn/zh-cn.js"></script>
<script class="ng-scope" type="text/javascript">
  var ue = UE.getEditor('editor');alert('haha');
</script></div>

ueditor出不来了。我加了alert也没法弹出信息 如果不通过ui-router可以开的,如何解决?

3 回复

补充了下代码 描述不知道是否还清楚 期待解答

这个其实是UI-view 加载子页面是以ajax类的是请求方式获取后台页面模板,不会像浏览器默认的请求方式那样去解析js,所以不会被促发

@TimuJiang 谢谢你的回答,那怎么解决比较好?急需帮助

回到顶部