如何在Angular 2项目中使用types/select2？

Question

我正在使用Typescript开发Angular 2项目.我希望能够使用select2,我没有看到任何稳定的功能丰富的插件等同于select2.但是我遇到types/select2了DefinitelyTyped项目.我不确定如何在我的项目中使用它们.我也找不到其他DefinitelyTyped库的示例.我是TS和Angular 2的新手.有人能指出我应该如何使用它吗？

我知道我可以使用我的package.json包含库但不知道如何在组件中使用.

Answer 1

安装@types/select2后，它允许打字稿编译器进行静态类型检查，以确保正确调用Select2库。它不会改变您使用的方式select2- 您仍然需要安装该Select2库并像没有类型检查一样使用它。

对于外部依赖项（例如 jQuery 或 Select2），您应该安装相应的类型定义文件，以便 TypeScript 编译器可以在编译时解析外部类型。这比声明类型更可取any（即declare var $: any）

确保你也安装了 jQuery 类型：

npm install @types/jquery

这将在 下安装类型定义node_modules/@types/jQuery。默认情况下，打字稿编译器将解析node_modules/@types文件夹中的类型。

对于 TypeScript NodeJS 包，您可以在编译步骤中生成类型定义文件，并index.d.ts在文件typings的属性中指定package.json。在这种情况下，您不一定需要将类型定义导出到node_modules/@types.