问题标签 [ng2-bootstrap]

我使用 angular 2 和 ng2-material 来显示单选和复选框组件，在每个组件中我看到我必须导入所有 ng2-material 内容，最后只使用一个组件

=> 结果，它会为我的应用程序充电并使其变慢。

我想知道我是否可以只导入我需要的组件，尽管在 ng2-material 文档中他们正在导入所有组件？？？

对于一个新项目，我已经在终端运行了

npm 初始化

流星添加 angular2 编译器

流星删除 blaze-html-templates

流星 npm 安装 --save angular2-meteor

meteor npm install --save meteor-node-stubs

meteor npm install --save bootstrap4-webpack-package

流星 npm 安装 --save ng2-bootstrap

现在bootstrap4-webpack-package让 Bootstrap 4 工作，但 ng2-bootstrap 仍然不能工作。

由于我使用的是 Bootstrap 4，所以我也尝试添加

但仍然无法正常工作。

它显示错误：

例外：在警报中找不到指令注释

例外：错误：未捕获（承诺中）：在警报上找不到指令注释

我不确定这是否与此问题有关。

如何使用 ng2-bootstrap？谢谢

除了http://valor-software.com/ng2-bootstrap/中提供的步骤之外，我还需要执行哪些其他步骤才能使用 ng-bootstrap 组件？这样做之后，我有一个这样的错误：

错误：TypeError：require 不是函数（…） angular2-polyfills.js:332

我正在尝试将 ng2-bootstrap 添加到我的项目中。我尝试添加脚本，添加 CDN。但我总是得到同样的错误：

ng2-bootstrap.js:1 Uncaught ReferenceError: System is not defined ng2-bootstrap.js:1

我看到其他人也有同样的错误，但还没有答案。

按照示例从http://valor-software.com/ng2-bootstrap/使用 ng2-bootstrap 生成选项卡视图，我有以下代码：

但我想从 {{tabz?.content}} 属性中提取 HTML 代码。有没有办法做到这一点？我的标签数组如下所示：

我正在尝试集成ng2-bootstrap 分页组件和引导表。

我有一个加载了 ngFor 指令的简单引导表：

内容rows由分页组件确定：我有一个名为的数组data，其中包含表的一堆条目。数组长度用于确定totalItems分页组件：

该表的rows变量仅包含当前页面的条目。这是通过使用pageChange分页组件提供的事件来完成的：

到目前为止一切顺利......问题是可以从data数组中删除条目。如果分页栏指向最后一页，然后从data数组中删除条目，则控制台中会显示以下错误：

Expression 'rows in App@9:8' has changed after it was checked.

可以在此处找到一个实时示例： http ://plnkr.co/edit/5zxamBiWISBpEmXYP5UK?p=preview 只需单击last按钮，然后单击cut data。

有什么建议吗？

NG2-Bootstrap TypeAhead 提供：

从 JSON 中使用

弹出窗口中显示的特定值。如果按 Enter，也会采用此值。但是，如果我想使用支持 JSON 中的另一个值（如上面的“名称”）怎么办？实施

没有帮助，因为如果我将此处的值写入模型，则不会考虑这一点，因为 Ng2-Bootstrap 之后会再次用弹出窗口中的值覆盖它。

我正在使用带有 angular-2 的手风琴，但它不能正常工作，它会抛出一个错误 404，它是一个名为“ng2-accordion”的第三方插件。

我给的包裹的路径是正确的。

检查中的实际错误如下所示。

1. GET http://localhost:3000/ng2-accordion/ng2-accordion 404（未找到）
2. 错误：错误：XHR 错误（404 未找到）正在加载http://localhost:3000/ng2-accordion/ng2-accordion (...)

尝试为基于 Angular2 的 Web 应用程序使用 TypeAhead 输入，特别是“标签”输入字段，您可以在其中选择多个标签。

通过键盘选择工作正常。但是我在通过鼠标选择时遇到了一些问题。当我单击先前输入的“标签”时，列表关闭，并且我的选择不会在输入字段中更新。

我已经通过浏览器进行了调试，并确定一个模糊事件正在发送到 Typeahead 组件，因为我单击了下拉列表中的一个选项，因此它在应用选择之前关闭。blur 事件似乎来自输入本身，它正在向下渗透到 typeahead 组件中，导致 hide() 运行。

我试图抑制模糊事件被传递（请参阅代码中的我的 stopEvent() 方法），但这似乎没有帮助，它仍然会运行。

任何有关如何解决此问题的想法将不胜感激。

标记：

打字稿：

我已经为此苦苦挣扎了几个小时，但我无法弄清楚我做错了什么。我正在尝试使用 ng2-bootstrap 的手风琴组件，但 angular 甚至无法识别解析它的用法，就像 a 没有在我的父组件中包含对指令的引用一样。

我使用 npm 下载了 ng2-bootstrap 库进行分型，但我使用的是 cdn 版本。

这是我包含的第三方库的完整列表。

在我的组件中，我正在导入这样的手风琴指令：

我的组件标题是这样的：

})

在我看来，我是这样使用它的：

但我得到的只是：

如果我将它们包含在同一个组件中，我自己的所有其他指令都运行良好。