角度 - 从所有组件的'jquery'导入 * 作为 $

Question

是否有一种方法可以避免在每个组件中进行这种导入，并使其对所有组件都是全局的？

Import * as $ from 'jquery'

Answer 1

使用export关键字将角度组件和模块作为模块写入Typescript文件中。随着我们构建Angular应用程序的扩展，我们最终会创建许多功能模块和组件。我们可以使用"import"语句引用其他中的组件或模块。如果没有"导入"，Typescript编译器将为未知类型抛出异常。外部进口也是如此。但是，可以通过将这些库导入到单独的文件index.ts来最小化此导入列表。然而，index.ts仍然需要导入到组件中。

另一种选择是将jquery添加到angular.json并通过脚本导入。

"scripts": [
"../node_modules/jquery/dist/jquery.min.js"
]

安装你需要的打字文件。

npm i -S -D @types/jquery

现在您不需要import * as $ from 'jquery'。这将重复进口，这很糟糕。而是直接访问方法。

ngOnInit() {
const $h1 = $('h1');
$h1.css('color', 'blue');
}