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

Question

我想使用我从 bower 存储库中获得的库。

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

我尝试通过键入

来像处理任何其他库一样处理它

import * as DX from 'bower_components/xtrareportsjs';

我尝试将其作为脚本添加到 index.html 或 angular-cli.json 脚本部分：

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