如何将 jQuery 代码导入 Typescript答案

【问题标题】：How to import jQuery code in to Typescript如何将 jQuery 代码导入 Typescript
【发布时间】：2019-07-28 02:44:57
【问题描述】：

我有 Typescript 代码，我想在我的 Typescript 代码中为 MEAN Stack 添加 jQuery 代码

$('.chips').chips();
$('.chips-initial').chips({
  data: [{
    tag: 'Apple',
  }, {
    tag: 'Microsoft',
  }, {
    tag: 'Google',
  }],
});

$('.chips-placeholder').chips({
  placeholder: 'Enter a tag',
  secondaryPlaceholder: '+Tag',
});

TypeScript 代码：

import { Router } from '@angular/router';
import { FlashMessagesService } from 'angular2-flash-messages';

Component({
  selector: 'navbar',
  templateUrl: './navbar.component.html',
  styleUrls: ['./navbar.component.css']
})

export class NavbarComponent implements OnInit {
  constructor() { }
  ngOnInit() {
  }
  onLogoutClick() {
    localStorage.removeItem('user');
    this.fmService.show('Successfully logged-out', {
      cssClass: 'alert-success',
      timeout: 3000
    });
    this.router.navigate(['/']);
  }
}

我想在我的 Typescript 代码中添加以前的详细信息。使用 jQuery 代码帮助我做到这一点。

【问题讨论】：

标签： javascript jquery angular typescript mean

【解决方案1】：

步骤：1

在 angular.json 文件中包含 jquery 文件：

 .
 .
 "scripts": [
     "src/assets/js/core/jquery.min.js"
 ],
 .
 .

步骤：2

在 @component devorated 之前删除 ts 文件中的 $ vairable

 declare var $: any;

 @Component({
    .
    .

或

从“jquery”导入*为$；

【讨论】：

【解决方案2】：

使用：import * as $ from 'jquery';

【讨论】：