问题标签 [ng-bootstrap]

我正在关注这篇文章以使引导程序与 Angular 2 一起工作。虽然按照文章的方式工作，但没有关于如何将弹出框的引用传递给组件方法的示例。我得到的只是一个NgbPopoverConfig，但没有打开弹出窗口的参考。

这是我的组件方法

这是我使用基于材料 2 的输入字段的 html。

有关如何从打字稿组件代码以编程方式打开和关闭弹出框的任何文档？或一些示例代码？

我将 Angular 2.1.0 与 Bootstrap 4.0.0-alpha.5 和 Angular 材料 2.0.0-alpha.9-3 一起使用

我正在编写以下代码以在选项卡和

它正在显示选项卡，但是在单击选项卡时既不会路由到该组件，也不会在控制台上给出任何错误。请帮忙

我在打字稿文件中执行以下两个导入：

第一条语句有效，但是编译器抱怨第二条语句（ng-bootstrap import）：

我已经检查我是否安装了 ng-bootstrap。我不确定这可能是什么原因。

以下是我的 tsconfig.json 文件：

我安装的 ng-bootstrap：

我已按照下面提到的步骤进行操作，并且能够达到以下图像。

1. 安装 6.9.1 版本的 nodejs。它带有 npm 3.10.8
2. 然后我按照以下安装步骤。
3. 现在，当我尝试使用<ngb-datepicker></ngb-datepicker>时，我能够看到这种类型的屏幕。

但我无法理解如何使用input[ngbDatepicker]

我试过<input ngbDatepicker />但只出现一个文本框。当我关注它时，它没有显示日期选择器。

这是我正在使用的链接。

我有时一直面临这个问题，我正在尝试在我的项目上创建一个动态工具提示。我在 Oninit 上创建了 if else 语句，

if(this._placement== 'left') .....，在我的模板中：...在顶部，我应该将工具提示放置在浏览器的左侧。

我在我的模板中对此进行了编码，但我不确定如何让它根据我在 ngOnInit 上设置的行为进行操作。例如，我希望我的按钮具有正确的工具提示。

我尝试使用它，但它不起作用并返回错误。我尝试的另一种方法，它只是返回默认工具箱，而不是我试图设置为显示左侧位置的设置。

< button type="button" class="btn btn-secondary" ngbTooltip="tipContent" initObject="Top" > Farid 测试</button> 但它给了我错误

我正在为我的工具提示使用最新版本的 angular 2 和 Ng-Bootstrap

任何帮助将不胜感激。太感谢了 。

这是我的第二个文件

}

我有两个输入，每个输入都由它们自己的 ng-bootstrap 日期选择器填充，当我单击一个按钮时会弹出。当您选择新日期时，输入会正确填充，但我的问题是如果我想将输入初始化为 null 或只是另一个值。我知道我的getDate功能会妨碍它，我只是不确定如何更改它以允许它。

屏幕截图（日期选择器通过单击每个输入右侧的按钮打开，每个输入一个）：

HTML：

打字稿：

我正在使用ng-bootstrap Datepicker。我想格式化输入字段中显示的日期，即模型。我查看了 API 并没有找到任何示例，然后NgbDateParserFormatter 没有解释太多:(

在 Angular 1 中，它就像添加一个属性一样简单format="MM/dd/yyyy"。任何人都可以帮忙吗？

第一类提问者，长期阅读者。Angular 的新手。

我正在尝试创建一个用于扩展文本框的弹出模式。（如果您曾经处理过 Access，请考虑 shift F2）。所以，我有一个带有多个文本框的表单，它利用 ng-model 进行双向绑定。我想用 a 打开一个模式，<textarea>这样用户就可以输入（并查看）比简单文本框更多的内容。

目前，绑定到每个字段的数据将正确打开到弹出窗口的文本区域（将数据传递给模式）。但是，如何将数据恢复为原始表单并输入正确的字段？

mainForm.cshtml

mainForm.js

textEditorModal.cshtml

textEditorModal.js

提前谢谢了！

我正在使用 angular 2 bootstrap 4 模块。

我想显示一个带有是和否按钮的弹出框元素来删除某些内容。

当我单击否按钮时，弹出窗口应该关闭。

这不会发生，而是弹出窗口会稍微重新定位，就好像它会被重新初始化一样......

我不知道发生了什么。

任何人都可以帮忙吗？

我在我的项目中创建了 ngbtooltip，基本上我试图在显示填充、颜色和对齐时覆盖 bootstrap 4 css。

我正在尝试使用单独的 css 文件，这样我就不需要修改主引导 css。

我的html文件是

我创建的 css 文件没有任何影响，相反，我的工具提示一直依赖于主 css，而不是听我为工具提示创建的 css。

例如，引导程序的主 css 文件使用“text-align:center”，我试图实现的目标如下所述，“text-align:right”。但是当我运行我的浏览器时。它显示文本为中心而不是反应