问题标签 [angular-library]

我有一个组件

其中有一个@OutPut

我在我的应用程序中使用它

它将组件中的代码调用为“setValue”

当下拉列表的值更改时，这一切都很好，但是我有其他组件依赖于在加载应用程序时设置的值。

有没有办法通过@Output 获取我默认组件的值？或者你将如何做到这一点？

我已经创建了一个这样的新 Angular 项目： ng new newApp cd newApp ng g library newLibrary 我已经启动ng test并开始在新库中编写测试。

主应用程序的 ( newApp) 测试运行。库中的测试不是由业力运行的。

在 angular-cli 项目中运行 Angular 包测试的正确方法是什么？

我们的项目中有一个自定义库。问题是当我运行命令时，除了函数ng build *package_name*中的路径之外，所有东西（类等）都可以正常构建。

例如，它生成线

export declare const selectState: import ("../../../AppFolder/ClientApp/node_modules/@ngrx/store/src/selector").foobar

当正确的路径是

export declare const selectState: import ("../../AppFolder/ClientApp/node_modules/@ngrx/store/src/selector").foobar

每次构建包后，我都需要在每个路径中删除../，由于对库进行了许多更改，这有点烦人并且需要很多时间。

问题仅存在于此node_modules/@ngrx/store/src/selector

我正在使用 ng-bootstrap，我想在我构建的组件库中添加一个可重用的模式。

我有我的模板

和组件

我为标题和消息添加了@Inputs 我的组件库构建良好

在我将组件库导入的应用程序中，我添加了模态标记

当我设置 showModal=true 什么都没有发生。

我想我不确定如何正确连接它以在我的各种应用程序中使用我的组件库中的模态。

好的，我的模态设置是这样的。请记住，我在组件库中工作，而不仅仅是应用程序。

在我的组件库中...

我有我的模板

和组件

我将组件导入我的应用程序模块 import {msModalModule } from 'ms-components';

我将“msModalModule”添加到 @NgModule 导入数组，并将模块引用的组件添加到 entryComponents

现在在我的 app.component.ts 中，我添加了一个函数来处理打开 Modal 并传入输入值

因此，除了传递字符串值之外，我还想在 refModal 中传递/显示 HTML 和控件以使其更有用......我听说过“嵌入”，但只找到 AngularJS 示例......这是对的吗？还有其他想法吗？

我正在使用 ng-bootstrap 并向组件添加了警报。

如您所见，我添加了自关闭计时器

因此，在带有事件的警报显示然后消失（我也尝试过使用事件）之后，我必须刷新整页才能再次显示警报？

这似乎没有用，因为我可能想在用户纠正问题时显示错误警报，然后显示成功警报。

我错过了什么吗？这是预期的行为吗？

我创建了一个共享库并创建了新的应用程序功能库，我想在应用程序功能库中导入共享库。

如何将一个库导入或包含到另一个库中？

我创建了一个角度组件库，我通过 npm 将其安装到我的应用程序中。

我有一个下拉列表，可以很好地填充和使用……当我想“重置”组件库控件以进行新的选择时，问题就来了。
我不知道该怎么做？

这是我用于下拉控件的组件库 html..

这是我的组件代码...

这是我在我的应用程序中的用法...

我将模块导入 app.module.ts 并将我的标签添加到 html...

就像我说的那样，这一切都按预期工作，但是我似乎无法弄清楚如何在不进行整页刷新或获取控件的 ngModel 的情况下“重置”控件。

任何帮助是极大的赞赏！！

目标：我有主应用程序和一个库。我需要能够使用主应用程序实时测试该库。换句话说，我需要能够构建我的库并且主应用程序可以立即识别更改（不想每次更改都推送到 npm）。

错误当我尝试使用以下设置运行主应用程序时，我收到此错误。

StaticInjectorError(Platform: core)[PrmCompiler -> ComponentFactoryResolver]: NullInjectorError: No provider for ComponentFactoryResolver！; 区域：; 任务：Promise.then；值：错误：StaticInjectorError(AppModule)[PrmCompiler -> ComponentFactoryResolver]：

设置：我paths在 tsConfig 中使用来引用库

prod: true我使用和构建库aot: true

这是库中的 tsconfig.lib.ts。

我已经preserveSymlinks设置为真。（有几个地方说要这样做，但它不起作用）

这是 lib 的 angular.json。

如果我发布应用程序，它工作正常，如果我尝试使用paths.

我正在创建一个非常大的组件、服务等库，因此我们的组织可以只关注域代码。

在这个库中，我有一些组件、服务等必须保密，因为它们存在于我在库中控制的特定上下文中。

当我构建 lib 时，我看到许多来自 ng-packagr 的导出已添加到我的 lib.d.ts 中：

来自的一切export * from './public_api都是我的公共 API。

所有其他导出都来自 ng-packagr，我想对我的最终用户隐藏它，因为他们仍然可以使用它们（尽管有丑陋的字符，但他们可以使用它们）。

编辑

我的 public_api.ts 的内容