使用外部js对Angular2中的表进行排序

Question

我有问题。我正在使用语义UI在Angular2中创建一个应用程序。在文档中说你可以创建一个可排序的表。它说你必须导入一个tablesort.js并在DOM准备就绪时调用$（＆＃39; table＆＃39;）。tablesort（）。

当我不知道.tablesort是一种方法时，我的问题就开始了。它说它不是来自Jquery的方法所以我不知道如何正确地工作

这是我的代码：

import { Component, OnInit } from '@angular/core';
import { UserService } from "services/user.service";
import { Bet } from "models/bet";
import * as $ from 'jquery';
@Component({
    selector: 'history',
    templateUrl: 'history.component.html',
    styleUrls: ['./history.component.css'],
})

export class HistoryComponent implements OnInit {

    url: string;
    bets = [];
    constructor(private userService: UserService) {
        this.url = 'http://localhost:3000/bets/history';
    }
    ngOnInit(): void {
        this.userService.getHistory(this.url).subscribe(this.sucess.bind(this), this.error);
        $('table').tablesort();

    }
}

在我的索引导入中：

 <script type="text/javascript" src="semantic/components/tablesort.js"></script>

我怎么能这样做Jquery识别外部JS并且可以使用JS中的函数。