问题标签 [ng-bootstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
8787 浏览

angular - ng-bootstrap 如何获取字符串或日期格式无对象

我在这里使用 ng-bootstrap Datepicker: plnkr example

但现在在选择日期后我得到了对象

但我想以这种格式获取日期2016-10-17

0 投票
4 回答
20355 浏览

angular - ng-bootstrap collapse:如何应用动画?

我正在使用折叠:https ://ng-bootstrap.github.io/#/components/collapse

但是,它没有动画;甚至不在演示站点上。我应该如何实现这个?

0 投票
3 回答
1063 浏览

angular - 轮播图像不堆叠

我试图在里面有一个带有旋转木马的组件。

这是我的组件:

这是module.ts:

问题是图像没有堆叠。我需要进口更多的东西,还是我错过了一些重要的东西?

角度版本:2.0.2 ng-bootstrap:@latest

我正在使用没有 system.js 的 Angular-cli。

0 投票
1 回答
4363 浏览

angular - Angular2 - 在服务中获取 TemplateRef

有没有办法为服务中的现有 html 模板获取 TemplateRef?

问题的背景(因为我可能首先做错了什么):

我正在创建一个使用NgbModal在弹出窗口中显示一些文本的服务。模态需要一个 TemplateRef 来显示内容,我不完全知道如何创建。其他选项是传递一个字符串(它被转义,我需要显示 html)或传递一个组件(我不知道如何传递所需的文本)。

0 投票
1 回答
4950 浏览

angular - 角度 2 ng-bootstrap 模态

我用组件而不是模板在应用程序中打开模态然后我需要将对象模型传递给模态组件,问题是打字稿给出了 modalRef.componentInstance 不存在作为属性的错误,我完全复制了示例表单演示页面但再次给出同样的错误并且永远不会在模态内容类上填充@input变量,

这是错误无法设置未定义的属性“模型”

在模态中我声明这个变量来获取传入的值@Input() 模型:公司;但它始终为空

0 投票
1 回答
7226 浏览

angular - ng-bootstrap Datepicker 当前日期,如占位符

我在这里使用 ng-bootstrap Datepicker:plnkr example

我希望将占位符作为当前日期而不是 yyyy-mm-dd。例如今天 23.10.2016。这是可能的,或者我该怎么做。

0 投票
2 回答
3992 浏览

angular - 例外:./NgbTabset 类 NgbTabset 中的错误 - 内联模板:12:20 导致:无法读取未定义的属性“templateRef”

我正在使用 ng-bootstrap 作为 angular2 中的 ui-bootstrap 的替代品。

我的html如下:

但是渲染后会抛出以下错误:

0 投票
1 回答
3194 浏览

twitter-bootstrap - 使用 ng-bootstrap 正确设置 Angular 2

作为 Angular 和 Bootstrap 的 n00b,并且对于节点 js 来说相对较新,我正在尝试使用此处的 webpack 入门工具包建立一个干净的基础(我希望):

https://github.com/AngularClass/angular2-webpack-starter

以及来自此处的 Angular 2 的官方 Bootstrap 4: https ://ng-bootstrap.github.io/#/getting-started

到目前为止,我刚刚向 webapp 入门工具包添加了一些导入:

现在我的问题是,我不知道如何处理以及将 ng-bootstrap 安装文档中提到的代码片段放在哪里:

https://ng-bootstrap.github.io/#/getting-started

我要问的是:

1)解释这些代码片段的用途,以及将这些东西放在上面链接的具体入门工具包项目中的什么位置(因为我愿意学习,但是对于 n00b 来说,该信息太短了)。

我的意思是,例如AppComponent什么?它是未定义的——我不知道它指的是什么。

2)现在这个项目中的Bootstrap实际上在哪里?

对于知道这些事情的人来说,这些可能是愚蠢的问题。但作为一个新手,我现在完全迷失了。

非常感谢您提前提供的帮助。

从提到的 ng-bootstrap 安装文档复制:

应用程序中的其他模块可以简单地导入NgbModule

0 投票
1 回答
504 浏览

angular - Angular 2:如何覆盖 ng-bootstrap 模板

我需要在 Accordion 的右侧添加一些自定义按钮,为此我需要覆盖 ng-bootstrap Accordion 模板。我们如何在 Angular 2 中做到这一点?

0 投票
1 回答
1864 浏览

angular - 如何在按钮按下时从日期选择器传递日期(ng-bootstrap | Angular 2)

我正在为 Angular 2 使用 ngbDatepicker,并且想将选定的日期传递给我的 getData() 方法,我只是提醒(日期)。我无法对示例代码进行逆向工程并使其工作。

Plunker 示例代码:按“弹出窗口中的日期选择器”旁边工具栏上的向下箭头。来自 ng-bootstrap 团队的原始示例代码。

https://ng-bootstrap.github.io/#/components/datepicker

在我的组件中,我添加了一种方法,我想将选定的日期放入其中。