问题标签 [ng-bootstrap]

我使用自定义过滤器制作了一张带有 ag-grid 的表格。我想在搜索字段中添加预输入/自动完成功能。但我收到一个错误：

无法绑定到“ngbTypeahead”，因为它不是“输入”的已知属性。(" 过滤器: ][ngbTypeahead]="search" (ngModelChange)="onChange($event)" [ngModel]="text"> "): ProjectFilterComponent@2:8

我在自定义过滤器中使用外部库（ng-bootstrap）作为预输入。

[ngbTypeahead]在其他不使用 ag-grid 的搜索字段中工作正常。我需要ag-grid 的搜索字段中的[ngbTypeahead]函数

我已经在Github上报告了这个问题，但是在这里问也不会受到伤害

错误描述：

我添加了 ng-bootstrap 并开始收到此错误。

链接到重现问题的最低限度工作的 plunker：

请参阅我的 GitHub 分支。

这个提交没有这个错误 4a049710ba900f5aef8d11141491607e45e49cc2。这个提交fcf8260c8b560f665fc4a34b49dd47f1700c3945 '引入引导程序 - 如果没有可观察到的未定义错误就无法包含 js' 引入了错误。

Angular、ng-bootstrap 和 Bootstrap 的版本：

Angular 2.2 - CLI

ng-bootstrap：“@ng-bootstrap/ng-bootstrap”：“^1.0.0-alpha.14”，

嗨，我正在编写一个测试用例，在我的应用程序中我使用的是“@ng-bootstrap/ng-bootstrap/”，下面是我的 system.config.ts

以下是我的 karma.config.ts：

在执行我的 npm 测试时，它抛出以下错误：

05 12 2016 15:50:48.454:WARN [web-server]: 404: /base/node_modules/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js Chrome 39.0.2171 (Windows 7 0.0.0)错误：错误{originalErr：错误{}} 05 12 2016 15:50:48.582:WARN [web-server]: 404: /base/node_modules/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js

在 0.003 秒 / 0 秒内完成

摘要：√ 0 次测试已完成 npm ERR！测试失败。有关更多详细信息，请参见上文。

“npm start”应用程序按预期运行没有任何问题，但在“npm test”的情况下，我面临问题。我们在这里完全被封锁，感谢任何帮助。

我从 Angular 2 开始，目前使用的是 2.2.2 版本

我正在编写一个反应式表单，但我无法初始化选定的单选按钮。该页面应该加载并选择了一个单选按钮，但这没有发生。

我一直无法找到问题的根源。从网络上的代码示例来看，我认为这应该可行。这是我的代码片段。

对于组件

编辑： 这是一个plnkr 我从一个示例中分叉出来的，其中我添加了不在我的环境中运行的收音机。我看到的唯一区别是版本号。

EDIT2：好的，我发现它与 ng-bootstrap 有关。如果我使用 NgbModule.forRoot() 则单选按钮未初始化并且无法按预期工作，如果我禁用 ng-bootstrap 则它们可以工作，但是当我在其他地方使用 ng-bootstrap 时，我不能这样做。

我通过使用 ng-bootstrap 自己的单选按钮组并重新设计网页来解决它。我将单选按钮放置在各种字段集的图例中，并且所有内容始终可见。现在收音机的工作方式有点像选项卡，根据当前选择显示不同的 div。

单选按钮的最初目的是选择一个工作字段集，其中所有元素都将启用，而所有其他字段集的内容将被禁用。

在 angular2 项目中使用 Bootstrap 4，在一个组件中的多个组件中但是，我的模式出现在灰色淡入淡出（背景）下方并且不可编辑。

第一个组件.html

第一个组件.ts

其他组件.html

我正在尝试将 Angular 团队的ng-bootstrap与 Bootstrap 4.0.0-alpha.5 和 Angular 2 一起使用

我已经让 Bootstrap 4 工作正常，但现在我想创建一个手风琴，并发现最好使用为 Bootstrap 4 设计的 Angular 组件。

我正在使用@ng-bootstrap/ng-bootstrap@^1.0.0-alpha.14

我添加了NgbModule.forRoot()

并得到这个错误

包.json

NgbDatepickerModule 中的某种错误

根据 JJ B 的评论，我决定只导入我需要的 NgbAccordionModule。

我只使用 NgbDatepickerModule 再次进行了测试，但此时它无法在 Angular Bootstrapping 中加载模块。

这就是我使用 ng2-bootstrap 模式的方式：

我有点困惑，因为我认为内容是用来向模态传递参数的。但在我看来，它只是打开方法需要找到正确模板的名称吗？

那么如何传递参数呢？

我有覆盖 NgbDateParserFormatter 的问题我按照这个问题的步骤进行操作，但它对我不起作用。看起来该应用程序不会覆盖 original NgbDateParserFormatter。

我的应用程序结构如下所示：

我已经导入ngb-datepicker-parser-formatter.ts了 app.module 和 login.module。我在另一个组件中使用 datepicker.component，该组件是延迟加载 login.module。我的 app.module 看起来像这样：

我正在将 AngularJS 应用程序转换为 Angular 2 应用程序。在 AngularJS 中使用的 Angular 2 中，Bootstrap 功能不起作用。Angular 2 引导程序有其他选择吗？