标签: ngx-bootstrap

将 timepicker 模块与所有默认选项一起使用，但 minutestep 设置为 1。

代码行如下

let DailyStartTime =  this.dailyStartTime != null ? 
                         new Date(this.dailyStartTime.getFullYear(),
                               this.dailyStartTime.getMonth(),
                               this.dailyStartTime.getDate(),
                               this.dailyStartTime.getHours(),
                               this.dailyStartTime.getMinutes()) : null

将数据记录为 2017 年 5 月 31 日星期三 19:51:00 GMT-0400（东部夏令时间）

它最初显示，但一旦保存回 SQL，它就会转换为“2017-05-31T23:51:00”，它按时间偏移量推进。我怎么能否定这个？

我正在使用ngx-bootstrap我的项目特别是Dropdown.

我想在这里添加一些动画,但不知道该怎么做.有没有推荐的方法来添加动画ngx-bootstrap/dropdown？

我在我的 angular 项目中使用 ngx-bootstrap datepicker，我想使用法语版本的 datepicker，但它总是以英文版本给出我的代码：

html :

 <input type='text' class="form-control" placeholder="Date de l'aller :" bsDatepicker formControlName="dateDepart" />

组件.ts：

import { defineLocale } from 'ngx-bootstrap/chronos';
import { fr } from 'ngx-bootstrap/locale';
defineLocale('fr', fr);

关于如何在法语版本中使用 ngx-boostrap datepicker 有什么帮助吗？

我正在尝试使用 ngx-bootstrap-modal 将数据从模态服务传递到模态组件中。该例子表明这一点：

this.modalService.show(ModalContentComponent, {initialState});

但它没有显示ModalContentComponent实际如何消耗该状态。我在调试器中玩过，我从来没有看到我的组件获得这些数据。

如何从组件访问它？

单击手风琴时，我在将 V 形符号从 UP 更改为 DOWN 时遇到问题。无论我尝试过什么技巧，甚至尝试过其他类似https://stackblitz.com/edit/ngx-bootstrap-ifmpph?file=app%2Fapp.component.html 的示例，它似乎总是结果为真

        <accordion [closeOthers]="true">
                <accordion-group #group [isOpen]='true'>
                    <div accordion-heading class="clearfix">
                        Basic Information
                        <span class="badge badge-secondary float-right pull-right">
                            <i class="fa" [ngClass]="!group?.isOpen ? 'fa-chevron-down': 'fa-chevron-down'"></i>
                        </span>
                    </div>
                </accordion-group>
            </accordion>

我正在使用 ngx-bootstrap，我需要将一个 css 文件导入到我的组件中，如下所示：

如果您正在使用 Angular CLI 之类的软件包捆绑器，请从 node_modules/ngx-bootstrap/datepicker/bs-datepicker.css 加载它。

（这是在组件的文档中）。

我不知道如何通过包 bundler 加载 bs-datepicker.css。

我尝试过的是：

• 在我的组件上，我尝试加载：

styleUrls: ['node_modules/ngx-bootstrap/datepicker/bs-datepicker.css']

（没有成功，没有找到）。

该文件在此目录中：

C:\DEV\senai-5s-webapp\node_modules\ngx-bootstrap\datepicker\bs-datepicker.css

这一直在驱使我爬墙。我几乎在使用 ngx-bootstrap 手册中的示例：https ://valor-software.com/ngx-bootstrap/#/buttons#radio-reactiveforms ，但它不起作用。这是我的模板和组件：

模板：

<pre class="card card-block card-header">{{ myForm.value | json }}</pre>
<form [formGroup]="myForm" class="form-inline">
  <div class="form-group">
    <div class="btn-group" btnRadioGroup formControlName="radio">
      <label btnRadio="A" class="btn btn-primary">A</label>
      <label btnRadio="B" class="btn btn-primary">B</label>
      <label btnRadio="C" class="btn btn-primary">C</label>
    </div>
  </div>
</form>

成分：

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';

@Component({
  selector: 'demo-buttons-radio-reactiveforms',
  templateUrl: './keyed-payment.component.html',
  styleUrls: ['./keyed-payment.component.scss']
})
export class KeyedPaymentComponent implements OnInit {
  myForm: FormGroup;

  constructor(private formBuilder: FormBuilder) {}

  ngOnInit() {
    this.myForm = this.formBuilder.group({
      radio: …

我正在使用 angular 6 和 ngx-bootstrap 3.0.1

我显示一个模态，当用户在更新表单后尝试关闭模态时，我希望能够显示丢弃/取消确认。

当用户使用我的自定义关闭按钮时我没有问题，但是当他在模式外使用背景单击时我不知道如何调用我的关闭函数。

如何干净地处理背景点击以显示我的确认消息？

真的很奇怪的问题：我们让 ngx-bootstrap typeahead 工作了很长时间，最近我们遇到了这样的行为，即在您单击鼠标之前不显示下拉选项（可以在页面上的任何位置）

typeahead 绑定到一个 API (HttpClient)，并且 typeahead 加载事件显示它已完成，但在您单击某处之前不会显示任何结果。

    <input [(ngModel)]="asyncSelected"
           [typeaheadAsync]="true"
           [typeahead]="departureAirports"
           (typeaheadLoading)="changeTypeaheadLoading($event)"
           (typeaheadOnSelect)="typeaheadOnSelect($event)"
           [typeaheadOptionsLimit]="7"
           typeaheadOptionField="name"
           [typeaheadMinLength]="3"
           placeholder="Locations loaded with timeout"
           class="form-control">
    <div *ngIf="typeaheadLoading">Loading</div>

this.departureAirports = this.getAirports('departure');

public getAirports(direction: string): Observable<Airport[]> {

 const url = 'xxxxxx';
 return this.httpClient.get(url).pipe(take(1), map((response: AirportsResponse) => response.Options ))
}

如果我用一个包裹在可观察（使用 of）中的数组替换 httpClient ，则没有问题。

我们在 rxjs 6.5.3 中使用 angular 8.2.14

我正在使用 Angx-bootstrap 的 Angular 8 和 5.3.2 版本，我会实现一个导航栏，但是对于添加的每个 ngx-bootstrap 模块，我都遇到了“NullInjectorError: StaticInjectorError(BootModule)”问题

应用程序组件.html

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" (click)="isCollapsed = !isCollapsed" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>

    <div class="collapse navbar-collapse" [collapse]=isCollapsed>
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
        <li><a href="#">Link</a></li>
        <li class="dropdown" dropdown>
 <a href="#" dropdownToggle class="dropdown-toggle">Dropdown <span class="caret"></span></a>
  <ul *dropdownMenu class="dropdown-menu" role="menu">
    <li role="menuitem"><a class="dropdown-item" href="#">Action</a></li>
  </ul>
</li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
               <li class="dropdown" dropdown>
 <a …