时间戳

首页 > 解决方案 > 主体中的 Javascript 代码不适用于角度模板

javascript - 主体中的 Javascript 代码不适用于角度模板

问题描述

我设计了一个包含 javascript 的 htm 页面，并且一切运行良好，但是当我尝试将页面的一些 div 部分放在一个模板中时，angularjs 应用程序将读取所有需要 javascript 才能正确显示的元素不是正常工作或正确显示元素。后来我发现 angular 有自己的 jquery 等。但问题是我使用了一些不是自定义的元素，并且对代码进行更改可能会使整个程序失败。

我该怎么做才能让所有部分正常工作？

这是角截面

var app = angular.module("app",[]);

app.controller("controls",["$scope", function($scope){
}]);

app.directive("myTemplate", function(){
    return{
        templateUrl: "template_file_with_div_section.htm"
    };
});

HTM 部分

<div ng-controller="controls"> 
    <div my-template></div>
</div>

有些部分正在使用数据表等

some the scripts i am using are
<script src="angular/angular.js"></script>

1. jquery.min.js
2. tables/jquery-datatable.js
3. jquery-datatable/jquery.dataTables.js
4. jquery-datatable/skin/bootstrap/js/dataTables.bootstrap.js
5. jquery-datatable/extensions/export/dataTables.buttons.min.js

有超过 50 种不同的 jquery 脚本

更新

当我通过http://url/#template_name输入模板的 url 模板显示在网页中，因此它显示它工作正常，但模板中的某些部分将执行一些操作（例如排序等）这部分依赖在主页上的 javascript 上。

这些是根本不起作用的部分。

当我将角度脚本放在表格脚本之后。模板没有显示出来，但是当我把角脚本放在上面的表格脚本之后时，模板出现了，但是脚本根本不起作用

标签： javascriptjqueryangularjs

解决方案

很难猜测到底发生了什么。

但是，您可能需要考虑以下几点：

  • 确保您已ng-app在 HTML 中定义。
  • 此外，应用程序的其他部分（就像你说的部分）应该在你的ng-app.
  • 确保您的所有脚本都已正确添加和加载。
  • 每个页面都绑定到具有适当模板 URL 的某些控制器或指令。

希望有帮助！

推荐阅读