ngx-bootstrap 相关问题

将此标记用于与ngx-bootstrap相关的任何查询。 ngx-bootstrap是一个开源项目,它提供了一种使用Angular快速集成Bootstrap 3或Bootstrap 4组件的简便方法。

如何更改ngx数据表标题背景颜色?

我想将表格标题背景设置为蓝色。 这是我的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。 致以诚挚的问候。

回答 2 投票 0

如何在项目 Angular 17 中安装 ngx-bootstrap?

如何在 Angular 17 项目中安装 ngx-boostrap?在他的手动安装指南中,他要求通过 npm 安装 ngx-boostrap,然后将 Bootstrap 导入添加到 NgModule 注释中,但是......

回答 1 投票 0

在工作区配置(src)中找不到项目主文件

我开始了一个在前端使用 Angular 17 的个人项目,并决定使用 ngx-bootstrap。 ngx-bootstrap 发布了一个与 Angular 17 兼容的版本([email protected])。但是我得到了一个呃...

回答 2 投票 0

ngx-datepicker 标头为空

我正在尝试使用 ngx-datepicker 但无论我做什么都会使标题(datepicker 导航部分)为空。 预期结果: https://i.stack.imgur.com/4dBOO.png 当前结果: https://i.stack...

回答 2 投票 0

如何在 ngx-bootstrap Accordion 中添加折叠图标

在我使用 ngx-bootstrap 的 Angular 应用程序中,我想添加一个折叠图标,该图标反映手风琴的状态(折叠/展开),如下所示:

回答 4 投票 0

将组件作为变量传递给 ngx-bootstrap 模态服务时类型不匹配

我按照此处的示例从组件创建 ngx-bootstrap 模式。 但是,如果我使用三元运算符为组件创建一个变量,如果不这样做,我会收到一个奇怪的编译器错误

回答 1 投票 0

NullInjectorError:没有 BsDropdownDirective 的提供者

我不断在浏览器控制台中收到此错误,并且 bsdropdown 的功能不起作用。以下是浏览器的详细错误: main.ts:6 错误 NullInjectorError: R3InjectorError(

回答 1 投票 0

我应该为“Angular 17”安装什么版本的“ngx-bootstrap”?

这是版本 我试图下载 ngx-bootstarp 但没有找到任何兼容版本。我用谷歌搜索过,但没有相关信息。我在A的官方网站上看到了名单...

回答 1 投票 0

ngx-bootstrap 模态可点击焦点元素位于模态之外

即使 ngx-bootstrap 已经显示,我也需要聚焦一个元素。 大家好, 我目前正在使用 ngx-bootstrap 模式。 这就是我想要实现的目标。 1.ngx-modal 已经显示了一些数据 --wo...

回答 1 投票 0

日期选择器 ngx-bootstrap

我正在尝试在旧日期选择器上应用区域设置 https://valor-software.com/ngx-bootstrap/#/datepicker 我已经尝试了一切,但我不知道在哪里进一步寻找,我可以使用新的,但我...

回答 1 投票 0

无法在 ngx-bootstrap typeahead 中设置初始值

你好,我正在使用 Angular 16 "ngx-bootstrap": "^11.0.2", 我无法设置默认值意味着当用户从建议性搜索中选择数据并且我已将该值保存在数据库中并且...

回答 1 投票 0

Angular 5错误:尝试从node_modules /node_modules/ngx-bootstrap/typeahead/typeahead-container.component.ngfactory.ts导入源文件

您有什么建议、想法吗?我该如何解决以下错误? 当我运行生产构建时发生这种情况。 当我使用 -aot=false 运行生产构建时,更有趣的是

回答 0 投票 0

如何解决 Angular-14 中的 ngx-bootstrap 错误

在 Angular-14 项目中,我有这个 package.json: 包.json: “依赖项”:{ "@Angular/animations": "^14.0.0", “@Angular/common”:“^14.0.0”...

回答 4 投票 0

当同一个模板中有多个指令实例时,如何调用指令的方法?

我有一个带有多个下拉菜单的导航栏。我正在使用 ngx-bootstrap 提供的指令来处理下拉行为。我想通过打开鼠标悬停和

回答 2 投票 0

ngx-bootstrap 下拉菜单在其他模块中不起作用

这个问题会让我误认为是 Angular 的新手,尽管我已经使用它很长时间了。我需要帮助解决这个问题吗?我正在尝试使用 Ngx-Bootstrap 下拉菜单,这有效......

回答 2 投票 0

我正在使用 ngx-bootstrap datepicker 如果我输入一个数字,它会自动格式化

我正在使用引导日期选择器,如果我输入一个数字,它会自动格式化(强制解析)。那么,我如何在引导日期选择器中错误地“强制解析”。如果我给出四位数或五位数(

回答 1 投票 0

ngx-bootstrap 工具提示未显示在 Angular2 中

我有一个 angular-cli 应用程序,需要包含按钮的工具提示 这是我的 app.module.ts 从 '@angular/platform-browser' 导入 { BrowserModule } ; 从'@angular/cor...导入{NgModule}

回答 2 投票 0

工具提示在角度组件测试中不起作用(来自 ngx-bootstrap)

我使用 ng2-bootstrap 中的 TooltipModule,最近切换到 ngx-bootstrap。工具提示在我的应用程序中工作正常 - 没有问题。然而,在我的 Angular 组件测试中,当我导入以下内容时...

回答 2 投票 0

在我的 Web 应用程序中加载页面时如何处理 Angular 警告“耗时超过 2417 毫秒”?

我刚刚将 Angular Cli 升级到 16.0.1,将 Node 升级到 18.16.0,现在我在我的 Angular 应用程序中点击不同的页面时看到了警告。 警告信息: 警告:处理 https://localh 的源映射...

回答 0 投票 0

从模块执行模块或库时如何处理 Angular 警告“花费的时间超过 2417 毫秒”?

我刚刚将 Angular Cli 升级到 16.0.1,将 Node 升级到 18.16.0,现在我在我的 Angular 应用程序中点击不同的页面时看到了警告。 警告信息: 警告:处理 https://localh 的源映射...

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.