ng-packagr生成的Angular自定义库中的IDE代码完成

时间:2018-08-27 17:26:16

标签: javascript angular phpstorm webstorm

我有一个用Angular生成的库,可用于其他项目。我是用ng-packagr生成的。

当我使用该库中的组件到消费者项目时,它不会显示所有IDE优点,例如代码完成等。

例如组件app-my-input具有Input()属性title,现在的用法是:

<app-my-input [title]="'my title here'"></app-my-input>

现在,当我通常在像WebStorm / PhpStorm这样的IDE中使用这样的第三方组件,并且只需在inp之后键入<app-my-input时,我会自动得到一个建议[input],但是对于我的图书馆,我没有这个建议。

我的public_api.ts文件导出了所有组件的.ts文件和模块的.ts文件。我还需要导出其他内容以使代码完成工作正常吗?

1 个答案:

答案 0 :(得分:0)

您需要在已发布的软件包中包括组件源(带有类定义的.ts文件)或*.metadata.jsonhttps://medium.com/@isaacplmann/getting-your-angular-2-library-ready-for-aot-90d1347bcad),以使您的组件被静态代码分析;代码完成等将无法正常工作