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

Question

我有一个在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文件。 我还需要导出其他内容以使代码完成工作吗？

Answer 1

您需要包括组件源（带有类定义的.ts文件）或*.metadata.json （ https://medium.com/@isaacplmann/getting-your-angular-2-library-ready-for -aot-90d1347bcad ），以便通过静态代码分析识别您的组件； 代码完成等将无法正常工作