Question

我正在构建我的Ionic 2应用程序，我想使用Angular 2 Datatable插件（https://l-lin.github.io/angular-datatables）。

我已经通过NPM导入了jQuery和Data表JS文件。

npm install jquery --save 
npm install datatables.net --save 
npm install datatables.net-dt --save 
npm install angular-datatables --save

现在因为我在ionic2中并且无法看到angular-cli.json，我已将数据树的JS文件和Jquery + CSS导入我的index.html

<link href="../node_modules/datatables.net-dt/css/jquery.dataTables.css">
<script src="../node_modules/jquery/dist/jquery.js"></script>
<script src="../node_modules/datatables.net/js/jquery.dataTables.js"></script>

在我的home.html页面中，我添加了我要格式化的表格

<table id="myTable" datatable class="row-border hover">

最后在Home.ts我有以下

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import * as $ from 'jquery';
import { DataTablesModule } from 'angular-datatables';



@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

constructor(public navCtrl: NavController) {

  $(document).ready(
    function(){
       $("#myTable").css("font-size:30px;");
    }
  );
 }

最后这是我的错误： ReferenceError: $ is not defined ReferenceError

我没有弄错，似乎在我的上下文中，$ sign未被解析为触发错误的dataTable库JS文件的“Jquery”。

有人可以帮忙吗？提前谢谢：）

Ionic 2 / Angular 2：如何导入外部jQuery库（$未定义）

0 个答案: