问题标签 [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.
angular - 为轮播组件实现 onSlideClick
我正在使用 ng-bootstrap 引导组件。
我对 Angular2 还很陌生,并且无法掌握一些概念。
轮播组件不包含 onClick 事件输出。
我正在尝试创建自己的内容,同时保留我单击的幻灯片的信息。
因此我尝试了这个:
哪个不起作用并崩溃了。所以我还有两个想法:向 ngb-carousel 本身添加一个 clickevent(这不会给我关于 id 的信息)或向具有相同问题的图像添加一个 clickevent。
我将如何实现 onClick 的最佳实践,它会给我点击对象的 id?我应该双重绑定 id 吗?
angular - 将日期分配给 ngbDatepicker 的快捷方式
我在我的 Angular 2 webapp 中使用响应式表单,并且在将日期分配给 ngbDatepicker(ngbootstrap 1 alpha 6)时遇到了麻烦。我的对象有一个日期对象,例如:
在我的反应形式中,它的配置如下:
我像这样修补表格:
问题是ngbDatepicker
采用以下结构的日期:
我找到了一种解决方法:
一切都按预期工作(只要表格被修补,日期就会更新),但它太冗长(18行代码)而且我的表格有十几个日期!
所以我的问题是我能用更短的解决方案达到同样的结果吗?
ng-bootstrap - NgbModalStack 没有提供者
出于某种原因,我突然得到了这个错误,没有代码更改。有什么想法会导致这种情况吗?
我能够通过添加NgbModule.forRoot()
到我的导入来解决这个问题,但现在我收到了这个错误:
类型“typeof NgbModule”上不存在属性“forRoot”。
否则应用程序运行良好。
angular - Angular 2 ng-bootstrap ngbAlert 错误
我有一个自动关闭的 ng-bootstrap 警报实现为
它工作得很好。但是,当我开始一个新项目并按原样复制此组件时,它现在给出
如果需要,这是我的 ts 文件
这里应该是什么问题?它以前工作得很好。
angular - 如何在响应式表单上使用 ng-bootstrap Typeahead 组件
我正在尝试在ng-bootstrap
带有 Angular 2 的反应式表单上使用 Typeahead 组件,并且在查看Typeahead 文档中的示例代码后,我无法让它工作。
目前,我有类似的东西:
使用search
与示例代码几乎相同的函数,但它失败并显示以下堆栈跟踪
我究竟做错了什么?最好有一个关于如何在反应式表单上使用 ng-bootstrap 组件的一般指南,因为该示例基于基于模板的示例。
谢谢!
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
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
angular - @ng-bootstrap NgbDatepicker 遇到“无法绑定到 'ngModel',因为它不是 'ngb-datepicker' 的已知属性”
我使用@ng-bootstrap/ng-bootstrap和Angular2-cli
使用 NgbDatepicker 遇到错误:
模块:
零件 -
导出类 TestComponent 实现 OnInit {
模型:NgbDateStruct;
}
和 html——
<ngb-datepicker #dp [(ngModel)]="model"></ngb-datepicker>
将 TestModule 添加到另一个模块时,
和html:
有错误:
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
未注释,则应用程序不起作用。