ngx-bootstrap 相关问题

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

使用 ngx-bootstrap modal 将数据传递到 modal

我正在使用 Angular 8 和 ngx-boostrap 打开模态并将数据从父级传递到模态。但没有按预期工作。我应该怎么做才能让它工作？..这是我的 stackblitz 演示和代码超文本标记语言 <

angular typescript ngx-bootstrap

回答 2 投票 0

如何将CSS添加到ngx-formly输入字段

作为 ngx-formly 的新手，我正在努力将自定义 CSS 添加到字段、标签和输入。有没有什么方法可以很好地实现这一目标？我很感激任何关于如何轻松设计风格的指导......

ngx-bootstrap ngx-formly

回答 1 投票 0

收到错误错误：“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 指令

html angular drop-down-menu angularjs-directive ngx-bootstrap

回答 2 投票 0

升级到 Angular 17 bsdatepicker 输入后 [只读属性不起作用

我将我的项目升级到了 Angular 17，当检查只读属性未显示时，已经工作的引导日期选择器就绪属性不起作用。但在 htm 中，它被设置为只读...

angular angular-ui-bootstrap ngx-bootstrap angular-upgrade readonly-attribute

回答 1 投票 0

使用 NGX-bootstrap 和 Angular 17 的模态？

我是前端开发的新手，我正在尝试使用 Angular 17 打开 ngx-bootstrap 库的模式，这是我的组件：从 '@angular/common' 导入 { CommonModule } ；导入 { 组件，

ngx-bootstrap angular17

回答 1 投票 0

如何更改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。致以诚挚的问候。

css angular ngx-bootstrap scss-mixins ngx-datatable

回答 2 投票 0

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

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

ngx-bootstrap

回答 1 投票 0

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

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

angular ngx-bootstrap angular17

回答 2 投票 0

ngx-datepicker 标头为空

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