时间戳

首页 > 解决方案 > 在 Angular 中渲染视图后如何渲染 javascript 文件

javascript - 在 Angular 中渲染视图后如何渲染 javascript 文件

问题描述

我是 angular 新手，这是第一次使用 angular.js 。我正在尝试以 Angular 构建一个单页应用程序，其中包含以下页面

  1. Index.html - 这是所有渲染的主页
  2. 主页 - 保存主页的内容
  3. 更多页面

我所有的页面都有 jquery 脚本来处理模态弹出表单提交等。

它们都可以工作，但是当我ng-view在 index.html 中渲染这些页面时。那些脚本不起作用，。它们也不渲染。

谁能告诉我如何解决这个问题，或者是否有任何其他方法可以保留这些 jquery 函数。

这是我的文件结构 Index.html

<html>
......
<header>
   <script src="<ANGULAR.JS>"></script>
   <script src="<ANGULAR ROUTE.JS"></script>
   <script src="<JQUERY>"></script>
   <script defer src="<OTHER SCRIPTS>"></script>
</header>
<body>
  <ng-view></ng-view>
</body>
</html>

主页.html

<div>
   <LOTS OF HTML CONTENTS>
</div>
<script src="<PATH TO JS FILE>"></script>

标签： javascriptjqueryangularangular-routing

解决方案

使用 jQuery 切换 Angular 的位置解决了@arnold 建议的问题，非常感谢:)

推荐阅读