Angular：如何从Bower加载外部库（在NPM中不可用）

Question

我想使用我从凉亭回购中获得的图书馆。

由于 它在NPM中不可用 ，我想知道如何让它工作并在我的应用中配置它，我的结构如下所示：

通过输入

，我试图像任何其他库一样处理它

import * as DX from 'bower_components/xtrareportsjs';

我尝试将其添加为 index.html 中的脚本或 angular-cli.json 脚本＆＃39;部分：

<script src="bower_components/xtrareportsjs/report-designer.js"></script>

但在所有这些情况下都没有认出它。

NB ：我想重新使用我的文件（就像jQuery ）而不仅仅是超越它

我找到了旧的解释，关于system.JS下的输入，但你可以看到它不是我的情况。

建议??

Answer 1

我设法使用jquery只需转到angular-cli.json file，然后在scripts内导入所需图书馆的路径 请查看下面的照片：

然后在你的组件上使用它

declare var $: any;

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

     constructor(){}

     ngOnInit(){
       console.log($('#myElement'));
     }
 }