0

我正在将构成查找页面的核心组件重构为角度库。我想在这个 Angular 库中有多个组件，即 LookupControls、 PagingHeader 、PagingFooter 等。我希望能够将<lookup-controls></lookup-controls>、<paging-header></paging-header>和<paging-footer></paging-footer>单独的组件。

这样做的正确方法是什么？

4

3 回答 3

1

Angular 文档有一个关于使用CLI创建库的有用指南。

我最近使用该指南创建了几个库，其中一个包含 3 个组件。我发现最好在与当前包含您要重构的组件的应用程序不同的目录中创建库，因为它避免了在您的应用程序中使用它来在本地测试您的库时出现一些问题。

于 2020-01-29T13:55:50.093 回答
1

如果您不想使用 Angular CLI 来构建 Angular 库（或者如果您没有实现它的正确 CLI 版本），您可以使用angular-library-starterRoberto Simonetti 制作的。这个启动器允许您为 Angular 应用程序创建一个库，该库与 AoT 编译和 Tree Shaking 兼容，就像官方包一样。该项目基于官方的 Angular 包。

正是使用这个启动器，我创建了我的第一个库ngx-smart-modal和其他库。易于构建、测试和维护。

这个启动器附带了一个示例库，您可以使用它来熟悉它。

于 2020-01-29T14:24:05.050 回答
1
  • 首先，创建您的库，例如：

ng 生成库 mylib

  • 然后，在您的库中创建一个组件，例如：

ng 生成组件查找控件 --project mylib

神奇的作品！

Angular 不会询问您要使用哪种类型的样式。您可以在命令中指定它，例如：

ng 生成组件查找控件--style=scss --project mylib

希望它可以帮助你或其他人:)

于 2021-10-29T13:30:08.043 回答