Question

我设计了一个带有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

有五十多种不同的jquery脚本

更新

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

这些部分根本不起作用。

当我将角度脚本放在表格脚本之后。模板未显示，但是，当我将尖角脚本放在如上所示的表格脚本之后时，模板出现了，但是脚本根本不起作用

Answer 1

几乎不难猜测到底发生了什么。

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

确保已在HTML中定义了ng-app。
此外，应用程序的另一部分（如您所说的部分）应该位于ng-app下。
确保已正确添加和加载所有脚本。
每个页面都使用适当的模板URL绑定到某些控制器或指令。

希望有帮助！

主体中的Javascript代码无法与角度模板一起使用

1 个答案: