【问题标题】:Jquery Datatable in Angular 2 ApplicationAngular 2 应用程序中的 Jquery 数据表
【发布时间】:2017-06-05 09:04:27
【问题描述】:

我正在尝试在我的 Angular 2 应用程序中导入 Metronic 数据表,我在主 html 页面中导入所有脚本和引用(带有 html 标记 <script>..</script><link>),与我初始化 angular 2 的位置相同(使用System.import()..),但它不起作用,它向我展示了没有搜索/重新排序功能的表格。 有什么建议吗?如何以角度 2 导入这些? 提前致谢

<script src="/core-js/client/shim.min.js"></script>
<script src="/zone.js/dist/zone.js"></script>
<script src="/systemjs/dist/system.src.js"></script>
<script src="systemjs.config.js"></script>
<script>
    System.import('main.js').catch(function(err){ console.error(err); });
</script> 

<link href="/theme2/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
<link href="/theme2/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" />

<script src="/theme2/global/scripts/datatable.js" type="text/javascript"></script>
<script src="/theme2/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
<script src="/theme2/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>

【问题讨论】:

    标签: javascript jquery angular datatable


    【解决方案1】:

    尝试在.angular-cli.json文件中导入库

    {
    "scripts": [/themes/..*.js],
    }
    

    另外,请确定是否可以使用 npm install 包安装该库。

    【讨论】:

    • 谢谢,我没有angular-cli.json,要不要用?
    • 你是如何创建你的应用程序的?标准方法是使用 angular-cli 和 npm 环境。
    • 我使用 angular angular.io/docs/ts/latest/quickstart.html 中的快速入门指南,现在我注意到它是 angular-cli 快速入门,但我不知道它是什么。
    • 好。那么 .angular-cli.json 将出现在您的应用根文件夹中
    • 不,我从 angular.io/resources/live-examples/quickstart/ts/eplnkr.html 这个例子开始,没有 angular-cli。
    猜你喜欢
    • 2018-07-31
    • 1970-01-01
    • 1970-01-01
    • 2017-12-30
    • 1970-01-01
    • 1970-01-01
    • 2017-09-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多