angular - 在 component.ts 中找不到名称 '$'

Question

我在 Angular Web 应用程序的编译时遇到错误:“无法在组件中找到名称‘$’”。当我使用 const $ : any = ''; 然后解决了错误但在浏览器控制台中出现另一个错误:'core.js:1440 ERROR TypeError: $ is not a function' 并且数据表也不起作用当使用 const $ : any = ''; 时。

下面是我的用户组件代码。该组件用于将用户列表放入数据表。

用户.component.ts

import {DataService} from './../services/data.service';
import {Component, OnInit} from '@angular/core';
import {API_ENDPOINT} from '../app.module';
import {Response} from '@angular/http/src/static_response';


const $: any = '';

@Component({
    selector: 'app-users',
    templateUrl: './users.component.html',
    styleUrls: ['./users.component.css']
})
export class UsersComponent implements OnInit {

    private url = API_ENDPOINT + '/admin_api/users';
    private users: any;

    constructor(private dataService: DataService) {
    }

    ngOnInit() {
        this.dataService.get(this.url)
            .subscribe(responce => {
                this.users = responce.data.users;
                if (this.users) {
                    setTimeout(function () {
                        var oTable1 = $('#sample-table-2').dataTable({
                            "aoColumns": [
                                {"bSortable": false},
                                null, null, null, null, null,
                                {"bSortable": false}
                            ],
                        });
                    }, 3000);
                }
            })
    }
}

Answer 1

• 在控制台先安装jQuery

npm install --save jquery

• 并安装 jQuery 定义

npm install -D @types/jquery

• 在你的组件中调用你的jquery

import {DataService} from './../services/data.service';
import {Component, OnInit} from '@angular/core';
import {API_ENDPOINT} from '../app.module';
import {Response} from '@angular/http/src/static_response';
import * as $ from 'jquery';// import Jquery here    
.
.
your code
.
.

• 并且不需要使用 const $: any = '';，你应该删除这个声明。