问题标签 [ng-bootstrap]

所以我有NgbModal一个表格，我想要实现的是在成功提交时关闭它。

这是我的模态组件：

localModalRef.close is not a function尝试调用已保存的 close 方法时收到错误NgbModalRef

玩弄NgbModal并希望open(content: string | TemplateRef<any>, options: NgbModalOptions)从模板代码之外的其他地方触发 open 方法 -> <- 。在我的情况下，我想在我的组件的 .ts 文件中运行该方法时传递一个字符串作为参数。当通过 html 文件中的按钮运行该方法时<button (click)="open(content)">Launch demo modal</button>，代码运行良好，当然所有代码都来自<template></template>html 文件中的所有代码。

试图用这个来完成一些事情：

代码运行没有错误，模态打开如下： 没有呈现内容的模态 ......这不是我想要的！

也尝试过这样，结果完全相同：

我错过了什么？难道不能只传递一个字符串作为“内容”参数吗？

也无法理解如何使用 ts 文件中的 templateRef 参数！

我正在尝试在我的 Angular2/Typescript 应用程序中使用来自 ng-bootstrap ( https://ng-bootstrap.github.io/#/components/popover ) 的弹出框。

我什至不知道如何陈述这个问题，因为没有错误，但是弹出窗口没有显示。

这是我拥有的代码：

这是我的应用程序配置：

这几乎取自他们的示例网站。

我相当确定我已经将所有必需的 javascripts 都包含在了ngbTooltip工作中。

还有什么我需要做的我在这里想念的吗？

我使用 ng-bootstrap Angular 2。

“下拉菜单”无法展开的问题

我在弹出窗口中使用日期选择器（ng-boostrap），我想将日期格式更改为dd-mm-yyyy.

似乎可以通过实现一个 newNgbDateParserFormatter来替换 default来解决NgbDateISOParserFormatter。

但我想知道是否还有其他方法。

更新：

使用 Moment.js的一个小实现（NgbDateParserFormatter使用 ng-bootstrap 的 1.0.0-alpha.14 版本测试）：

在一个模块中，您使用工厂来包含提供程序，以将日期格式指示为参数：

Angular 的人最近发布了 angular2 最终版本.2

一切都很好，但 systemjs.config.js 坏了。我查看了他们的官方快速入门和 angular2 核心库的固定配置，但ng-bootstrap配置仍然损坏。以为这里有人可以帮助我

我得到 404

http://localhost:8080/my-proj/node_modules/%40ng-bootstrap/ng-bootstrap/ 404（未找到）

以下是我的 systemjs.config.js

我以前适用于角度 rc.6 的配置如下

我正在尝试使用 ngbModal 来显示用户信息。我打开它两次而不是一次。

info.dialog.html

信息对话框.ts

user.dialog.service.ts

app.component.ts

所以，基本上，我正在关注何时打开模式的事件。我不能删除app.component.ts中的任何一行，因为它是我的实现所必需的。这就是为什么我得到两个对话框实例的原因。

任何人都可以告诉我如何使用 AngularJS 2 中的模态对话框？将不胜感激一个例子。

谢谢！

angular2 ng-bootstrap 下拉下拉组件

有人可以帮我找出如何将 angular2 组件与下拉列表绑定并调用打开或关闭方法..

他们没有太多的文档。

angular2 最终版本。ng-bootstrap alpha v.5

引导组件适用于 html，但是当我尝试按以下方式导入它们时

我收到以下错误。

当然看起来它正在尝试从不存在的捆绑包中加载下拉列表。捆绑包只包含 ng-bootstrap.js 'dropdown' 是捆绑包之外的不同组件。我认为它与 systemjs.config.js 有一些关系，有人可以帮忙吗？

以下是我的 systemjs.config.js 文件

我有一个基于 angular2-webpack-starter 种子项目的项目，我正在尝试集成 ng-bootstrap - 特别是模态。

我有一个 SharedModule ，我在其中导入 NgbModule 并重新导出它。我的应用程序中的每个其他模块都会导入 SharedModule。

我已经按照文档在我的 app.component.html 中配置了 ngbModalContainer。

我现在有一个需要打开模式的延迟加载模块。当我尝试在 NgbModal 服务上调用 open(...) 方法时，我收到一条错误消息，指出它找不到容器：

缺少模态容器，添加到您的应用程序模板之一。

我认为这是因为延迟加载的模块正在导入 SharedModule 并且正在接收 NgbModal 服务的单独实例，而不是根应用程序模块。

我的问题是 - 配置它的正确方法是什么，以便 NgbModal（以及 ng-bootstrap 服务/组件的其余部分）在应用程序范围内可用，包括延迟加载的模块。

谢谢！