ng-bootstrap相关内容
我想更改 ng bootstrap 分页组件的样式并在 Angular 6 应用程序中使用 /deep/ 链接.以下代码工作正常,但控制台显示代码已弃用的警告. 那么,我应该如何更改它以消除警告? 这是我目前使用的 CSS 代码: ngb-pagination/deep/.page-item.disabled .page-link{背景:无;}ngb-分页/deep/.page-it
..
我希望我们应用程序中的所有模态都有一组默认选项,而不必在每次打开模态时单独应用它们.因此,我创建了一个扩展 NgbModal 的服务,以便我可以覆盖 open 方法,因为在 NgBootstrap v1.1.2 中没有全局配置,但未找到虽然列在功能模块中的入口组件.> 我想知道 /core 中提供的服务是否没有看到加载到功能模块中的入口组件?直接使用 NgbModal 模式会如您所愿打开,但更改
..
我正在使用 angular2 创建一个应用程序. 我需要使用日历弹出框从用户输入中获取日期,但我需要在用户输入上放置一个掩码,以便在他打字时保持这种格式 dd-mm-YYYY. 我使用了两个不同的模块,它们来自 Web ng-bootstrap 和 angular2-text-mark>
..
我在为我的应用程序中的确认模式编写单元测试时遇到了一些问题.这是我要测试的一段代码: confirmModal(prompt = 'Are you sure?', title = 'Confirm'): Observable{const modal = this.ngbModal.open(ConfirmModalComponent, { 背景: '静态' });modal.component
..
我想将 ngbDatepicker 设置为从星期日开始一周,而不是默认的星期一. 我正在尝试使用 weekStartsOn="0" 但它没有效果.这是我的html代码
..
我正在另一个组件的模态中实现 ngbAccordion.当我点击 button1 时,我的带有手风琴的模态应该弹出,带有“Acc1"tab open ,与按钮 2 类似. 谁能帮帮我.请找到我的代码. https://stackblitz.com/edit/github-6r9hfp-k7upwx?file=src%2Fapp%2FaccordionInModal%2Facc-in-m
..
我正在尝试在 Angular 8 中使用引导程序 https://ng-bootstrap.github.io/#/components/modal/examples 版本 4.我想让模态重新调整大小并且可拖动.我看到了一些其他版本的例子,比如 3.xx 但没有 angular - http://jsfiddle.net/GDVdN/ 任何关于 Bootstrap4 与 Angular 8
..
在打开 Bootstrap 对话框时,它的 HTML 被放置在 DOM 根正下方 . 目标元素在 Angular 根组件之外,这就是单元测试中的下一次查询没有结果的原因. const modalContent: HTMLElement= fixture.nativeElement.querySelector('.modal-content'); 有没有办法用以这种方式实现的模态
..
我正在使用来自 NG-Boostrap 6.0.3 的 NgbTypeahead 组件 在我的 Angular 9 应用程序中.第一个工作正常,但我的表单有很多. 我是否需要为每个视图添加单独的 ViewChild 和单独的搜索功能?或者我错过了什么?有人可以给我指出一个不止一个的例子吗? 作为参考,这里有一个 Stackblitz,只有一个. 解决方案 好吧,我的评论真的不正
..
我正在使用 ngbDatepicker,它仅在我从下拉列表中选择日期时才有效.但是,如果我通过键盘更改日期并按 Enter 键,则什么也不会发生.
..
我正在尝试在我的应用程序中创建一个可重用的 quickView 模态,以使用 ng-bootstrap 模态库 只要我加载与文档中所示相同的示例组件,它就可以正常工作,但不适用于我创建的用于测试的组件. 如何使用 quickView 模态创建动态组件以加载到 modal-body 中? https://stackblitz.com/edit/angular-quickview
..
我想使用 bootstrap 4 设计一个多选下拉功能,如下图. 以下是我目前的实现. 员工特权
..
我有一个带有手风琴的 Angular 2 组件,我使用 ng-bootstrap 添加了它.在功能上一切正常,但是我尝试使用编译的手风琴元素具有的 .card, .card-header, .card-block 类加载的样式,这些样式不会应用于元素. 当将手风琴转换为 div 时,这些类由 ng-bootstrap 直接设置. 我通过链接到组件 TypeScript 文件的 styl
..
在angular 6 项目中,我使用angular cli 命令ng g lierary @some/libName 创建了angular 库.在我的库中,我有一个需要 @ng-bootstrap/ng-bootstrap 的组件,所以我通过 npm i --save @ng-bootstrap/ng-bootstrap 添加了它>. 当我尝试使用命令 ng build @some/libN
..
我更新到 ng-bootstrap 的 v1.0-beta.现在导航栏总是折叠起来.当我点击汉堡来切换菜单时,它会打开,但会垂直而不是水平显示内容. 我在下面包含了导航的代码.它和以前一样.在这一点上,我无法弄清楚问题是否出在 ng-bootstrap、bootstrap 4 或它们的组合上. 我的理想结果是菜单只在屏幕低于特定尺寸时出现,就像过去一样. 我确实看到 Bootst
..
我在Angular 4应用程序中的两个广泛使用的库之间发生了怪异的交互: ng-bootstrap ( 如您所见,当直接在输入字段中输入日期时,将更新模型.但是,单击任何日期都不会产生任何结果. 我正在使用以下内容: Angular v.4.0.1 angular2-highcharts v.0.5.5 ng-bootstrap v.1.0.0-alpha.27 我可以提供
..
我为日期选择器创建了组件,希望在应用程序的许多其他组件中使用它.我遇到了一些问题,因为它不会更改父表单组控件的值. 让我们看一下代码: 导出类DatePickerComponent {@ViewChild('input',{read:ElementRef,static:false})inputRef:ElementRef;@输入()formName ?: FormGroup;@输入()fo
..
我对ng-bootstrap和最新的Firefox有问题当我以打开模式窗口的纵向模式打印页面时,模式内容将克隆为2页 https://ng-bootstrap.github.io/#/components/modal/examples
..
我正在使用Angular 4使用两个ngb-timepicker创建一个具有开始时间和结束时间的表单.当我将模型都设置为两者时,第一个实例化第二个的值.关于如何分别实例化它们的任何想法吗?我的HTML看起来像这样:
..
我在应用程序中使用组件而不是模板打开模态,然后我需要将对象模型传递给模态组件,问题是打字稿给出了modalRef.componentInstance的错误,属性不存在,我精确地复制了示例表单演示页但再次给出相同的错误,并且永远不会在模式内容类中填充@input变量, 这是错误无法设置未定义的属性“模型" @Component({选择器:“公司列表",templateUrl:"./app/
..