Angular:如何从Bower加载外部库(在NPM中不可用)
问题描述:
我想使用一个库,我从凉亭回购。Angular:如何从Bower加载外部库(在NPM中不可用)
由于它不具备的NPM,我想知道怎么还可能得到它的工作和我的应用程序中配置它,我的结构是这样的:
我曾尝试通过键入
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进口,但你可以看到它不是我的情况。
建议?
答
我设法利用jquery
只是去scripts
内所需库您angular-cli.json file
然后导入路径请检查下面的照片:
,然后用它的分量在这样
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'));
}
}
你看过[全局脚本](https://github.com/angular/angular-cli/wiki/stories-global-scripts)吗? –