问题标签 [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 投票
1 回答
1794 浏览

angular - 为轮播组件实现 onSlideClick

我正在使用 ng-bootstrap 引导组件。

我对 Angular2 还很陌生,并且无法掌握一些概念。

轮播组件不包含 onClick 事件输出。

我正在尝试创建自己的内容,同时保留我单击的幻灯片的信息。

因此我尝试了这个:

哪个不起作用并崩溃了。所以我还有两个想法:向 ngb-carousel 本身添加一个 clickevent(这不会给我关于 id 的信息)或向具有相同问题的图像添加一个 clickevent。

我将如何实现 onClick 的最佳实践,它会给我点击对象的 id?我应该双重绑定 id 吗?

0 投票
3 回答
27235 浏览

angular - 将日期分配给 ngbDatepicker 的快捷方式

我在我的 Angular 2 webapp 中使用响应式表单,并且在将日期分配给 ngbDatepicker(ngbootstrap 1 alpha 6)时遇到了麻烦。我的对象有一个日期对象,例如:

在我的反应形式中,它的配置如下:

我像这样修补表格:

问题是ngbDatepicker采用以下结构的日期:

我找到了一种解决方法:

一切都按预期工作(只要表格被修补,日期就会更新),但它太冗长(18行代码)而且我的表格有十几个日期!

所以我的问题是我能用更短的解决方案达到同样的结果吗?

0 投票
3 回答
16254 浏览

ng-bootstrap - NgbModalStack 没有提供者

出于某种原因,我突然得到了这个错误,没有代码更改。有什么想法会导致这种情况吗?

我能够通过添加NgbModule.forRoot()到我的导入来解决这个问题,但现在我收到了这个错误:

类型“typeof NgbModule”上不存在属性“forRoot”。

否则应用程序运行良好。

0 投票
0 回答
2001 浏览

angular - Angular 2 ng-bootstrap ngbAlert 错误

我有一个自动关闭的 ng-bootstrap 警报实现为

它工作得很好。但是,当我开始一个新项目并按原样复制此组件时,它现在给出

如果需要,这是我的 ts 文件

这里应该是什么问题?它以前工作得很好。

0 投票
1 回答
272 浏览

angular - 无法解析 DecimalPipe 的所有参数 - ngBootstrap/Angular2

我是 angular2 的新手,我尝试边做边学。但我在这里,完全卡住了!

我尝试导入 ng-boostrap 并且遇到了这个问题:在此处输入图像描述

这是我的 systemjs.config.js : 在此处输入图像描述

这是我的 package.json: 在此处输入图像描述

谁能帮我解决和理解这个问题?谢谢 :)。

0 投票
1 回答
9711 浏览

angular - 如何在响应式表单上使用 ng-bootstrap Typeahead 组件

我正在尝试在ng-bootstrap带有 Angular 2 的反应式表单上使用 Typeahead 组件,并且在查看Typeahead 文档中的示例代码后,我无法让它工作。

目前,我有类似的东西:

使用search与示例代码几乎相同的函数,但它失败并显示以下堆栈跟踪

我究竟做错了什么?最好有一个关于如何在反应式表单上使用 ng-bootstrap 组件的一般指南,因为该示例基于基于模板的示例。

谢谢!

0 投票
3 回答
27202 浏览

javascript - Angular 2 ng-bootstrap Modal:如何将数据传递给入口组件

我正在尝试将数据发送到自定义模式内容组件,以便我可以从任何其他组件调用它而不是重复代码。我是 Angular 2 的新手,并且遵循了 ng-boostrap 的“组件作为内容”演示以及 Angular 文档中的“组件交互”,但还没有找到一种方法来让它工作或这个案例的示例.

我可以打开模式,但不能打开动态内容。我已经尝试了@Input和变量方法但没有成功。我也加了ModalService还在app.module.ts. 这就是我对两种不起作用的方法所拥有的:

page.component.html:

page.component.ts:

modal.service.ts:

modal.component.ts:

使用 angular v2.1.0、angular-cli v1.0.0-beta.16、ng-bootstrap v1.0.0-alpha.8

0 投票
2 回答
19934 浏览

angular - Angular2 ng-bootstrap - 没有提供者错误

我正在尝试将 ng bootstrap UI 集成到我的 Angular 2 项目中。遵循此处找到的简单说明后: https ://ng-bootstrap.github.io/#/getting-started 在使用任何 ngb 引导标记时出现以下错误:

错误:没有 NgbAlertConfig 的提供者!

app.module.ts

app.component.ts

app.component.html

角-cli.json

控制台错误

0 投票
1 回答
21384 浏览

angular - @ng-bootstrap NgbDatepicker 遇到“无法绑定到 'ngModel',因为它不是 'ngb-datepicker' 的已知属性”

我使用@ng-bootstrap/ng-bootstrapAngular2-cli

使用 NgbDatepicker 遇到错误:

模块:

零件 -

导出类 TestComponent 实现 OnInit {

模型:NgbDateStruct;

}

和 html——

<ngb-datepicker #dp [(ngModel)]="model"></ngb-datepicker>

将 TestModule 添加到另一个模块时,

和html:

有错误:

0 投票
2 回答
356 浏览

angular - 带有 Angular 2 版本的 Angular UI Bootstrap 库的动态 templateURL

我正在使用以下代码创建动态模板 URL How to use variable to define templateUrl in Angular2,但我需要在模板中使用日期选择器,并且在添加 Angular UI Bootstrap 库(Angular 2 版本)时遇到问题。错误是

“没有 NgbDateParserFormatter 的提供者”

我将 NgbModule 和 FormsModule 添加到导入部分

我创建了一个 plunker 版本https://plnkr.co/edit/kWoSTi?p=preview 如果文件中的字段日期src/articles/first.html未注释,则应用程序不起作用。