标签: ngx-bootstrap

如何更改 ngx-bootstrap 中手风琴标题的样式？

我尝试了一切。我从文档中复制粘贴了用于自定义标题的代码，但它不起作用。该标签生成一堆其他带有类（主要是引导类）的标签。我从 Chrome 的检查器中获取了标题的 css 路径，但我无法更改它。

标题/链接位于<button>标签中，即使我说它button { color: red !important; }不起作用。我尝试了一切，但它不起作用。

提前致谢！

我无法弄清楚这里发生了什么 - 我已经包含了基于文档我认为正确的ngx-dropdown代码:

home.component.html

    <div class="btn-group" dropdown>
      <button dropdownToggle type="button" class="btn btn-primary dropdown-toggle">
        Button dropdown <span class="caret"></span>
      </button>
      <ul *dropdownMenu class="dropdown-menu" role="menu">
        <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>

app.module.ts

@NgModule({
  imports: [
    BsDropdownModule.forRoot(),
    ...
    ]

site.module.ts(这是包含主组件的模块)

@NgModule({
  imports: [
    BsDropdownModule,

我正在使用angular-cli并且我已经包含了bootstrap样式:

    "../node_modules/bootstrap/dist/css/bootstrap.min.css",

在index.html中我添加了一个片段让浏览器知道我正在使用bootstrap 4:

<script>window.__theme = 'bs4';</script>
<app-root>Loading . . .</app-root>

出现按钮,控制台中没有显示错误.当我点击按钮("打开"和"显示"被添加到样式中)时,我可以看到dom发生变化.但是按钮下面没有任何东西打开 - 没有菜单显示.

我不知道在哪里可以看

我正在使用"Angular powered Bootstrap"创建一个项目,但经过4周的开发后,我发现还有类似"ngx-bootstrap"的东西.

• 它们是一样的吗？- 如果没有,那么它们中的哪一个是 ng-bootstrap？
• 是ngx-bootstrap死了吗？

我从另一个组件调用一个模态,问题是我只能将它打开为小而不是大

comp1.html

<button type="button" class="btn btn-outline-primary btn-lg" (click)="openModal()">Upload

comp1.ts

import {modalComponent} from '../pages/modals/new-modal';

private modalService: BsModalService

constructor(private modalService: BsModalService)

openModal() {
    this.bsModalRef = this.modalService.show(modalComponent);
 }

modal.component.ts

constructor(private modalService: BsModalService, public bsModalRef: BsModalRef)

modal.html

<div bsModal #newModal="bs-modal"  tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
      </div>
    </div>
 </div>

我是ng-boostrap 的新手，并遵循了 他们的入门指南。这是代码的重要部分。

import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
 ...

@NgModule({
  
  imports:      [ 
   NgbModule.forRoot(),
    ...
   ],

即使我没有使用它，ng-bootstrap 是否会导入所有组件，如 ngb-carousel、ngb-progressbar 等？

还有另一个引导库ngx-bootstrap可以像这样导入每个组件

import { ModalModule } from 'ngx-bootstrap/modal';
@NgModule({
  imports: [ModalModule.forRoot(),
   ...]
})
export class AppModule(){}

这也是您导入类似角度材料的组件模块的方式

任何人都可以对此有所了解吗？

我正在尝试使用valor-software/ngx-bootstrap来创建动态选项卡,但我想将组件的选择器放在动态创建的选项卡内容中,

在文档示例中,我们有:

import { Component, ChangeDetectionStrategy } from '@angular/core';

@Component({
  selector: 'demo-tabs-dynamic',
  changeDetection: ChangeDetectionStrategy.OnPush,
  templateUrl: './dynamic.html'
})
export class DemoTabsDynamicComponent {
  tabs: any[] = [
    { title: 'Dynamic Title 1', content: 'Dynamic content 1' },
    { title: 'Dynamic Title 2', content: 'Dynamic content 2', disabled: 
true },
    { title: 'Dynamic Title 3', content: 'Dynamic content 3', 
removable: true }
  ];

  addNewTab(): void {
    const newTabIndex = this.tabs.length + 1;
    this.tabs.push({
      title: `Dynamic Title ${newTabIndex}`,
      content: `Dynamic content ${newTabIndex}`, …

我不完全理解触发器究竟为https://valor-software.com/ngx-bootstrap/#/tooltip#triggers-custom做什么的概念

例如，当我们这样做时：

triggers="mouseenter:click"

这是否意味着当我们将鼠标悬停/放置在那里时会显示工具提示并在单击时消失？

如果是这样，是否可以指定工具提示应该消失的两个事件。

例如，我想在将鼠标悬停在工具提示上时显示工具提示，然后在单击它或从那里移除鼠标时使其消失。有任何想法吗？

最近，我创建了Angular5应用程序的内部版本，在其中使用ngx-bootstrap显示日期选择器和模式。在生产之前，它运行良好，但是在生产之后，构建似乎失去了样式。

请检查所附图片...

我再次执行了所有实施步骤，但是没有任何效果。

请帮助解决此问题。非常感谢。

将数据传递给模态可以使用initialState完成,但是如何接收数据呢？例如,如果我想创建一个确认对话框？

我更改了日期选择器的语言，但出现的消息仍然是英语。我知道它在ngx-bootstrap / chronos / locale / locale.defaults.ts中，它带来以下信息

export declare const defaultInvalidDate = "Invalid date";

我也想更改此消息。我必须在“输入[bsConfig] =“ ...”中添加任何信息吗，无论如何，在不移动Node Modules文件夹的情况下可以在何处更改此消息？谢谢。