问题标签 [ng-bootstrap]

我正在使用ng-bootstrap datepicker，但是当我保存表单时，日期被保存为。

我希望我能把它保存为更像的东西"2016-11-23T00:39:31.768Z"

这是我的实现：

和form.component：

我创建了一个模式来警告移动用户在继续浏览我的数据密集型网站之前打开他们的 WIFI。我想在移动（xs，s）设备上打开这个模式。我正在使用引导程序 4。

我试图在我的模板中利用引导响应实用程序.hidden-md-up，特别是 class ，但无论我在哪里使用这个类，最终都会有一些剩余的覆盖层禁用某些站点功能。这是因为我仍在打开模式，然后将其隐藏：这不是一个优雅的解决方案。

我正在寻找任何方法来利用引导程序来感知小屏幕/移动设备。我正在使用 Angular 2，因此我避免使用 jQuery。我还没有在我的项目中使用 jQuery。避免仅仅为了这个额外功能而加载库会很好

我正在尝试使用 ng-bootstrap 在我的 Angular2 项目中使用引导程序。

按照他们的指示，我添加了引导 css 文件，在我的 systemJS 配置中映射了@ng-bootstrap，安装了 ng-bootstrap 并将它们的主模块添加到我的根模块中：

但是当我尝试创建一个简单的消息板模板时，它并没有按预期工作。当我离开 Ngbmodule 时，似乎没有任何改变。

奇怪的是，当我从 bootstrap 4 css 更改为 bootstrap 3.3.6 css 时，更多的工作按预期工作，但像文本区域这样的简单事物仍然根本没有样式。

在安装 ng-bootstrap 的过程中我做错了吗？欢迎任何帮助。

更新

这是我正在使用的标记和我的输出示例：http ://plnkr.co/edit/A9DySwR3PBNJShRFi27Q?p=preview

虽然这是我使用相同代码在 angular-1 项目上实现的结果：http: //prnt.sc/db9azv

保存功能成功后，如何关闭 ng-bootstrap 模式？

这是我到目前为止所拥有的：

例如，我很感兴趣如何TemplateRef通过传递 a来获得 a string。

我不想通过组件 html 获取它，因为我只想将它保存在配置中以用于所有组件。我指的NgbDatePickerConfig是可以在此处查看的 ng-bootstrap：https ://github.com/ng-bootstrap/ng-bootstrap/blob/master/src/datepicker/datepicker-config.ts 。

我正在使用ng-bootstrapangular 2。我已将其导入我app.module的设备中，并且工作正常。

我正在延迟加载另一个模块，ng-bootstrap组件在其中不起作用。如果我在延迟加载的模块中再次导入 ng-bootstrap 模块，它们就会起作用。

我的问题是：我是否需要在我编写的每个模块中再次导入第 3 方模块，或者是否有某种方法可以通过某些设置使它们工作？

PS：我是角度2的新手

在最新版本的 Bootstrap（提出问题时的当前版本是bootstrap@4.0.0-alpha.5）中有 3 个不同的文件和一个标准文件：

1. 引导-flex.css
2. 引导-grid.css
3. 引导重启.css
4. 引导程序.css

bootstrap.css前 3 个文件是(#4)的扩展名吗？

我可以想象，bootstrap-flex使用 CSS Flexbox 的特性，bootstrap-grid可能是旧的和已经存在的方式，但是呢bootstrap-reboot？

我必须包括哪一个（特别是如果我将ng-bootstrap与 Angular 2 一起使用）？

背景：

我正在使用(ng-bootstrap@1.0.0-alpha.14)将使用的 Angular 1 应用程序移植UI Bootstrap到 Angular 2 。ng-bootstrap在 Angular 1 应用程序中，我使用和uib-tabset来动态创建选项卡。在 Angular 2 中，我使用,并做同样的事情。 每个选项卡都包含一个我使用 pdfjs 填充的画布。标签加载工作得很好。 uib-tabng-repeatngb-tabsetngb-tab*ngFor

但是，当我从一个选项卡上单击并返回它时，PDF 内容就消失了。

想法：

我可以解决此问题的唯一方法是在每次选择选项卡时加载 PDF 内容，但我并不热衷于这样做。我注意到ng-bootstrap只有当前/可见选项卡实际上在 DOM 中。在 UI Bootstrap 中，所有选项卡都在 DOM 中，但当然只有一个可见 - 在选项卡之间导航不会导致 PDF 内容消失。

有没有人在新的引导程序中看到这种行为？听起来新的引导程序在您单击其他选项卡时将其从 DOM 中删除时并没有保存选项卡的所有内容。关于如何解决此问题以实现以前的行为的任何想法/建议？

Angular 2 cli 使得添加引导 js 组件并在项目组件中使用它们成为可能。

虽然还有其他引导库，例如专门为 Angular 2 构建的ng-bootstrap 。

我想知道这两种方法之间有什么区别，是否可以通过简单地 npm install bootstrap 并在 angular-cli.json 中包含在应用程序脚本中来使用 angular 2 中的引导组件

我想将 ngb-carousel 与 ngFor 一起使用，我的代码如下：

但这会产生如下错误：

home.component.html?c8ce:1 错误：模板解析错误：(...)

谁能给我举个例子，将 ngb-carousel 与 ngFor 一起使用？