问题标签 [ngx-bootstrap]

我们想在使用 angular-cli 1.0.0-beta.5 (w/ node v6.1.0) 生成的应用程序中使用 bootstrap 4 (4.0.0-alpha.2)。

在使用 npm 获取引导程序及其依赖项后，我们的第一种方法是将它们添加到angular-cli-build.js：

并将它们导入我们的index.html

这很好用，ng serve但是一旦我们生成带有-prod标志的构建，所有这些依赖关系就消失了dist/vendor（惊喜！）。

我们打算如何在使用 angular-cli 生成的项目中处理这种情况（即加载引导脚本）？

我们有以下想法，但我们真的不知道该走哪条路……

• 使用 CDN 吗？但我们宁愿提供这些文件以保证它们可用

• 将依赖项复制到dist/vendor我们的ng build -prod? 但这似乎是 angular-cli 应该提供的东西，因为它“照顾”了构建部分？

• 添加 jquery、bootstrap 和 tethersrc/system-config.ts并以某种方式将它们拉入我们的包中main.ts？但考虑到我们不会在应用程序的代码中显式使用它们，这似乎是错误的（例如，与 moment.js 或类似 lodash 的东西不同）。

我是角度的新手。

我使用包ng2-bootstrap使用引导模式。

我的视图文件是

我需要知道如何在组件中显示/隐藏此模式（类型脚本文件）。

类型脚本文件是

使用 Angular 2 和 ngx-bootstrap，我试图确保如果鼠标位于目标元素上或弹出框容器上方，弹出框不会被关闭。我尝试订阅 onShown EventEmitter 并在内容 elementRef 上添加 mouseeneter 侦听器事件，但我似乎无法使其工作。有没有办法向弹出内容添加触发器？

我似乎只能让 Angular Bootstrap 下拉菜单在我的应用程序的一部分中工作。我不确定为什么它在那里工作而不是在其他地方。在我的模块中，我正在导入BsDropdownModule.forRoot()就像它工作的地方一样。我已经尝试从他们的几个示例中粘贴 HTML ......什么都没有。我知道我以前在那里工作过，不记得改变任何与它有关的东西。

我没有收到任何错误，也不确定如何继续解决此问题。我注意到 ng2-bootstrap 的问题，所以我升级到 ngx-bootstrap。同样的问题。

我在引导程序（UI）和角度2中制作项目。我对这两件事都很陌生我的朋友建议我使用ng2引导程序我对ngx引导程序和ng2引导程序感到非常困惑。总是当我搜索 ng 2 引导程序时，它会将我带到 ngx 引导程序。两者有什么区别？

ngx-bootstrap/datepicker我在angular-cli项目上创建了独立组件。一切正常，但单元测试失败。但我是单元测试的新手，我试图测试但它说失败了。

这是 Travic-CI 构建日志。

https://travis-ci.org/webcat12345/webcat-black-page/builds/221961698

这是我的项目版本和代码。

模板

组件（抱歉发布完整代码。它只是来自 ngx-bootstrap 演示的示例代码）

测试代码

请帮我弄清楚这个问题。

谢谢！

我已经完全按照文档中的描述做了所有事情，但是每当我测试它时，我都会得到这个：

我的规格：

这是一个我找不到解决方案的简单问题。我在输入中有一个 typeahead 指令，它允许用户选择一个类别（类别数组示例 - > [{ id: 1as1d, name: 'some category'},...]

如何将 id 值设置为 FormControl 字段（将出现在提交的表单中）并在输入中显示名称（在用户选择时将显示在输入中）？有没有办法将发送的表单中的内容与使用 FormControl 时显示的内容分开？

我只能找到一种方法来显示和设置相同的变量，或者只有 id 或者只有 name。

我将 ngx-bootstrap 用于 Bootstrap 4 组件，但 ngx-bootstrap 和 ng-boostrap 都没有导航栏组件。github问题建议使用ngx-bootstrap collapse 模块，但我一直在努力让它工作，尤其是使用下拉链接。

例如，我应该如何使用 Angular 4 在此导航栏上启用下拉链接和折叠功能？下拉链接有效，但下拉链接附加到导航栏，而不是正文。

谢谢！

我正在使用来自 ng2-bootstrap 的选项卡，它已放入我的 AppComponent 中。我正在尝试从子组件中的按钮切换 AppComponent 中的活动选项卡。我看到当单击按钮并修改选项卡数组时正在执行 setTab 方法。但是标签不会切换。任何帮助是极大的赞赏。

app.component.ts

app.component.html

account.component.html

AccountsComponent 中没有任何代码。

我刚刚在 cli 安装的默认软件包之上安装了 "bootstrap": "^3.3.7", "ng2-bootstrap": "^1.6.3" 。按照https://github.com/valor-software/ngx-bootstrap/blob/development/docs/getting-started/bootstrap4.md中的说明进行操作。另外，如果我将按钮从子组件移动到 AppComponent，我在控制选项卡方面没有任何问题，并且工作正常。