将此标记用于与ngx-bootstrap相关的任何查询。 ngx-bootstrap是一个开源项目，它提供了一种使用Angular快速集成Bootstrap 3或Bootstrap 4组件的简便方法。
我想更改导航链接样式 这是我在 my.component.scss 中的尝试 标签集{ 一个{ .nav-链接{ 背景：#FFFFFF； 边框：1px实线#DDE6FB； 边界-...
有没有办法减小BsDatePicker的尺寸（高度和宽度）？ https://valor-software.com/ngx-bootstrap/#/components/datepicker?tab=overview 我检查了配置属性，但找不到。
我的包中有日期选择器插件，当我实现时，我可以看到日历。我怎样才能看到日历。 这是我尝试过的 我的包中有日期选择器插件，当我实现时，我可以看到日历。我怎样才能看到日历. 这是我尝试过的 <input type="text" class="form-control" [(ngModel)]="selectedToDate" [bsConfig]="{ dateInputFormat: 'DD-MMM-YYYY', }" [minDate]="selectedFromDate" [maxDate]="maxDate" name="toDate" bsDatepicker /> 我浏览过不同的论坛并遵循相同的方法，但没有帮助，请帮助我。 在 Angular 中安装 ng-bootstrap npm 我 ng-bootstrap datepicker.html <div class="input-group"> <input class="form-control" placeholder="yyyy-mm-dd" name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker" /> <button class="btn btn-outline-secondary bi bi-calendar3" (click)="d.toggle()" type="button"></button> </div> 日期选择器.ts 从 '@angular/core' 导入 { Component } ； 从 '@ng-bootstrap/ng-bootstrap' 导入 { NgbAlertModule, NgbDatepickerModule, NgbDateStruct }; 从'@angular/forms'导入{FormsModule}； 从 '@angular/common' 导入 { JsonPipe }; @Component({ selector: 'ngbd-datepicker-popup', standalone: true, imports: [NgbDatepickerModule, NgbAlertModule, FormsModule, JsonPipe], templateUrl: './datepicker-popup.html', }) export class DatePicker { model: NgbDateStruct; }
升级到 Angular 16 后与 ngx-bootstrap 和 @formio/angular 发生依赖冲突
我正在开发一个 Angular 项目，最近从 Angular 15 升级到 Angular 16。升级后，我面临着与 ngx-bootstrap 和 @formio/angular 包的几个依赖冲突。
当 Angular 7 中选项文本太长时，如何在 ngx-select 中悬停时显示全文？
我正在使用 Angular 7，并且有一个 ngx-select 下拉列表，其中的选项是从数据库检索的。代码如下： 我正在使用 Angular 7，并且有一个 ngx-select 下拉列表，其中的选项是从数据库检索的。代码如下： <div class="col-lg-6"> <ngx-select class="form-control-file" noResultsFound="noResultsFound" placeholder="Choose" [items]="firstList" optionValueField="id" optionTextField="name" formControlName="firstList" [searchCallback]="localeSearch"> </ngx-select> </div> 问题是某些选项文本太长，无法在下拉列表中完全显示。我希望当用户将鼠标悬停在选项上时显示全文。 如何在 ngx-select 中实现这一目标？ 我不喜欢使用 Angular Material。有没有办法在 ngx-select 中实现这一点？ 要解决这个问题，您可以使用 ngbPopover，您可以从此链接获取更多详细信息：ngbPopover 用途： 假设你有一个 span 元素： <span ngbPopover="item.title" triggers="mouseenter:mouseleave" placement="bottom">Test</span>
您能否告诉我，Angular 版本 17 何时会支持它？目前它支持 Angular 版本 16。 目前 ngx-bootstrap 支持 Angular 版本 16。
我收到以下错误，此错误日志的含义是什么？您知道如何修复它吗？谢谢。 137 错误代码 ERESOLVE 138 错误 ERESOLVE 无法解决 139 错误 解决时出现 140 错误...
我正在使用 ngx-bootstrap 模式 const modalRef = this.modalService.show(ListComponent); modalRef.content.selecteduse.subscribe((x) => { this.func1(); }); 这里...
将数据从 ngx-bootstrap 模态（子组件）传递到父组件
我有单独的子组件，在 ngx-bootstrap 模式中我定义了 @input @output 属性 @Input() 公共 openFrom; @Output() selecteduse = new EventEmitter(); 来自
我正在使用 ngx-bootstrap/modal 从 'ngx-bootstrap/modal' 导入 { BsModalRef, BsModalService, ModalOptions }; 构造函数（私有 modalService：BsModalService）{} this.modalService.show（这个。
如何自定义ngxbootstrap daterangepicker？
我正在使用 ngx bootstrap datepicker 我需要显示多个日期范围是日历。当打开日历视图时应该是显示所选多个月份的月份。单击所选...
我在角度中使用 bs-datepicker-inline ，它的渲染方式如下 代码： html组件 我在 Angular 中使用 bs-datepicker-inline ，它的渲染方式如下 代码： html 组件 <bs-datepicker-inline id="bsdatepickerinline" [bsConfig]="bsConfig" [minDate]="minDate" [bsValue]="maxDate" (bsValueChange)="fromDateSelect($event)"></bs-datepicker-inline> ts 文件： minDate: Date = new Date(); init() { this.maxDate = new Date(); this.maxDate.setDate(this.maxDate.getDate()) this.bsConfig = Object.assign({}, { dateInputFormat: 'DD-MMM-YYYY', adaptivePosition: true, showWeekNumbers: false }); } 它的渲染如屏幕截图所示，但我不想要第一行，即date 27 to 32 任何解决方案谢谢 这些不是日期，而是周数。 尝试以原始格式初始化 bsConfig 对象： 例如：bsConfig = { showWeekNumbers : false , ....}
我尝试使用 ngx-bootstrap 创建 Angular 18 应用程序。但是当我安装 ngx-bootstrap 时，我遇到了依赖问题。 Angular 18 的 ngx-bootstrap 兼容版本是什么 当有角度时...
ngx-pagination 与 ngx-bootstrap/pagination
在 Angular 中，使用 Bootstrap 进行分页 从 'ngx-pagination' 导入 { NgxPaginationModule }； 从 'ngx-bootstrap/pagination' 导入 { PaginationModule }；
使用 ngx-bootstrap modal 将数据传递到 modal
我正在使用 Angular 8 和 ngx-boostrap 打开模态并将数据从父级传递到模态。但没有按预期工作。我应该怎么做才能让它工作？..这是我的 stackblitz 演示和代码 超文本标记语言 <
作为 ngx-formly 的新手，我正在努力将自定义 CSS 添加到字段、标签和输入。有没有什么方法可以很好地实现这一目标？我很感激任何关于如何轻松设计风格的指导......
收到错误错误：“BsDropdownDirective”既不是“ComponentType”也不是“DirectiveType”
我在我的 HTML 中使用 Angular 9 和 NgX [email protected]，如下所示：- 我在我的 HTML 中使用 Angular 9 和 NgX [电子邮件受保护]，如下所示：- <div class="btn-group" dropdown> <button id="button-basic" dropdownToggle type="button" class="btn btn-primary dropdown-toggle" aria-controls="dropdown-basic"> Button dropdown <span class="caret"></span> </button> <ul id="dropdown-basic" *dropdownMenu class="dropdown-menu" role="menu" aria-labelledby="button-basic"> <li role="menuitem"><a class="dropdown-item" href="#">Action</a></li> <li role="menuitem"><a class="dropdown-item" href="#">Another action</a></li> <li role="menuitem"><a class="dropdown-item" href="#">Something else here</a></li> <li class="divider dropdown-divider"></li> <li role="menuitem"><a class="dropdown-item" href="#">Separated link</a> </li> </ul> </div> 在我的 ts 文件中，我有这样的 import { Component } from '@angular/core'; @Component({ selector: 'demo-dropdown-basic', templateUrl: './basic.html', providers: [ { provide: BsDropdownConfig, useValue: { isAnimated: true, autoClose: true }, }, ], }) export class DemoDropdownBasicComponent {} 当我运行代码时，出现以下错误：- core.js:6241 ERROR Error: 'BsDropdownDirective' is neither 'ComponentType' or 'DirectiveType'. at extractDirectiveDef (core.js:1964) at Array.map (<anonymous>) at def.directiveDefs (core.js:1926) at createTView (core.js:12307) at getOrCreateTComponentView (core.js:12252) at addComponentLogic (core.js:13224) at instantiateAllDirectives (core.js:12994) at createDirectivesInstances (core.js:12209) at ɵɵelementStart (core.js:21302) 你需要定义BsDropdownConfig import { Component } from '@angular/core'; import { BsDropdownConfig } from 'ngx-bootstrap/dropdown'; // add this line @Component({ selector: 'demo-dropdown-basic', templateUrl: './basic.html', providers: [{ provide: BsDropdownConfig, useValue: { isAnimated: true, autoClose: true } }] }) export class DemoDropdownBasicComponent {} 我遇到了问题，上面的 div 中缺少 dropdown 指令
升级到 Angular 17 bsdatepicker 输入后 [只读属性不起作用
我将我的项目升级到了 Angular 17，当检查只读属性未显示时，已经工作的引导日期选择器就绪属性不起作用。但在 htm 中，它被设置为只读...
使用 NGX-bootstrap 和 Angular 17 的模态？
我是前端开发的新手，我正在尝试使用 Angular 17 打开 ngx-bootstrap 库的模式， 这是我的组件： 从 '@angular/common' 导入 { CommonModule } ； 导入 { 组件，
我想将表格标题背景设置为蓝色。 这是我的html： 我想将表格标题背景设置为蓝色。 这是我的html： <ngx-datatable class="material" [rows]="rows" [columnMode]="'force'" [headerHeight]="50" [footerHeight]="50" [rowHeight]="'auto'" ngClass="{'table-striped': false}"> <ngx-datatable-column name="ID RECLAMO" prop="idReclamo" class="bg-dark"></ngx-datatable-column> <ngx-datatable-column name="SEGNALTO" prop="dataSegnalizione"> <ng-template let-row="row" ngx-datatable-cell-template> {{ row.dataSegnalizione | date:'dd/MM/yyyy' }} </ng-template> </ngx-datatable-column> <ngx-datatable-column name="PRESO IN CARICO IL" prop="dataPresoInCarico"> <ng-template let-row="row" ngx-datatable-cell-template> {{ row.dataChiusura | date:'dd/MM/yyyy' }} </ng-template> </ngx-datatable-column> <ngx-datatable-column name="CHIUSO IL" prop="dataChiusura"> <ng-template let-row="row" ngx-datatable-cell-template> {{ row.dataPresoInCarico | date:'dd/MM/yyyy' }} </ng-template> </ngx-datatable-column> <ngx-datatable-column name="NEGOZIO" prop="codiceNegozio"></ngx-datatable-column> <ngx-datatable-column name="MANAGER" prop="manager"></ngx-datatable-column> <ngx-datatable-column name="CLIENTE" prop="cliente"></ngx-datatable-column> <ngx-datatable-column name="STATO" prop="stato"></ngx-datatable-column> <ngx-datatable-column name="GESTIONE" prop="gestione"></ngx-datatable-column> <ngx-datatable-column name="CAUSALE RECLAMO" prop="causaleReclamo"></ngx-datatable-column> <ngx-datatable-column name="SODDISFAZIONE" prop="soddisfazione"></ngx-datatable-column> </ngx-datatable> 我尝试使用“深层”“主机”强制它，但没有结果。 尝试下面的CSS .ngx-datatable ::ng-deep .datatable-header-inner{ background-color: blue !important; } .ngx-datatable ::ng-deep .datatable-header-inner .datatable-header-cell-label, .ngx-datatable ::ng-deep .datatable-header-inner .sort-btn{ color: white !important; } Stackblitz 演示 如果您使用css，您需要在css文件中添加以下样式。 /deep/ .ngx-datatable .datatable-header { background-color: blue; } 如果您使用scss，您需要在scss文件中添加以下样式。 ::ng-deep { .ngx-datatable { &.datatable-header { background-color: red; } } } 请检查这个stackblitz。 致以诚挚的问候。