2017-08-01 54 views
0

我想使用一个库,我从凉亭回购。Angular:如何从Bower加载外部库(在NPM中不可用)

由于它不具备的NPM,我想知道怎么还可能得到它的工作和我的应用程序中配置它,我的结构是这样的:

enter image description here

我曾尝试通过键入

import * as DX from 'bower_components/xtrareportsjs'; 

对付它像任何其他图书馆,我曾试图将其添加为一个脚本,IND ex.html角cli.json脚本的一部分:

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

,但没有在所有这些情况下recognoze它。

NB:我想我的再利用文件(如jQuery)不只是excecute它

我发现老吃茶,即将system.JS进口,但你可以看到它不是我的情况。

建议?

+0

你看过[全局脚本](https://github.com/angular/angular-cli/wiki/stories-global-scripts)吗? –

回答

2

我设法利用jquery只是去scripts 内所需库您angular-cli.json file然后导入路径请检查下面的照片: enter image description here

,然后用它的分量在这样

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')); 
    } 
}