Question

我在我的网络应用程序中使用AngularJS（v1.6.4）和jQuery（v2.1.4）。我使用html添加了静态ng-include文件。所以我的index.html是这样的：

<body>
    <div id="wrapper" ng-controller="mainCtrl">
        <div ng-include="'partials/header.html'"></div>
        <div ng-include="'partials/menu.html'"></div>
        <div class="content-page">
            <div ng-view></div>
            <div ng-include="'partials/footer.html'"></div>
        </div>
    </div>
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="plugins/jquery-datatables-editable/jquery.dataTables.js"></script>
    <script src="plugins/datatables/dataTables.bootstrap.js"></script>
    <script src="assets/js/main.js"></script>
    <script>
        $("#datatable-editable").DataTable();
    </script>
</body>

如上所示，我有3个包含文件和1个视图。我在角度视图中使用了数据表。我想在我的index.html文件中使用$("#datatable-editable").DataTable();对其进行初始化但是它不起作用。当我直接将html元素写入页面而不是包含时，它工作正常。为什么会这样？我该如何解决？

AngularJS加载视图和包含的部分后运行jQuery函数

0 个答案: