ng-bootstrap

I am using the carousel component with ng-bootstrap . I understand there's an open issue for a proper animation feature that works correctly with the angular 2 component life cycle right now ( Github issue ). My question: is there a way to use CSS as a workaround for the animation? I have put up a plunker that has fade in effect for the carousel, but not fade out. .carousel-item.active{ -webkit-animation: fadein 1.4s; -moz-animation: fadein 1.4s; -ms-animation: fadein 1.4s; -o-animation: fadein 1.4s; animation: fadein 1.4s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /*

Here is the label code: import {Directive} from '@angular/core'; @Directive({ selector: '[ngbButtonLabel]', host: {'[class.btn]': 'true', '[class.active]': 'active', '[class.disabled]': 'disabled', '[class.focus]': 'focused'} }) export class NgbButtonLabel { active: boolean; disabled: boolean; focused: boolean; } and here is the radio button code: import {Directive, forwardRef, Input, Renderer2, ElementRef, OnDestroy} from '@angular/core'; import {ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms'; import {NgbButtonLabel} from './label'; const NGB_RADIO_VALUE_ACCESSOR = { provide:

I want to change the styles of ng bootstrap pagination component and using /deep/ links in an Angular 6 app. The following code works fine but the console is showing a warning that the code is deprecated. So, how should I change it to get rid of the warning? Here is the CSS code I am currently using: ngb-pagination /deep/ .page-item.disabled .page-link{ background: none; } ngb-pagination /deep/ .page-item.active .page-link { background-color: #223C61; &:focus, &:visited{ outline: none; box-shadow: none; } } An alternative to using /deep/ or ::ng-deep is to disable View Encapsulation on your

I am trying to close the modal that was presented to me through the open(content) function as shown in the example in the Documentation of ng-boostrap. In the website, it mentioned that i can call close or dismiss from NgbActiveModal. So I included NgbActiveModal in the component and tried to call dismiss() or close(). Both of them doesn't work. First of all, dismiss() is undefined (Am I importing NgbActiveModal wrong?) When I call close(), it seems to want to call some weird function inside lib.dom.d.ts which is not what I want at all. So to me it seems like I have no access to the close and

I've got a modal: <template #warningModal let-c="close" let-d="dismiss"> <div class="modal-header"> <button type="button" class="close" aria-label="Close" (click)="d('Cross click')"> <span aria-hidden="true">×</span> </button> <h4 class="modal-title">Warning</h4> </div> <div class="modal-body"> The numbers you have entered result in negative expenses. We will treat this as $0.00. Do you want to continue? </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" (click)="c('Close click')">No</button> <button type="button" class="btn btn-secondary" (click)="submit()">Yes<

I'm using the datepicker ( ng-boostrap ) in a popup and I would like to change the date format to dd-mm-yyyy . It seems that it can be solved by implementing a new NgbDateParserFormatter to replace the default NgbDateISOParserFormatter . But I was wondering if there is another way. UPDATE: A small implementation of NgbDateParserFormatter using Moment.js (tested with version 1.0.0-alpha.14 of ng-bootstrap): import {NgbDateParserFormatter, NgbDateStruct} from '@ng-bootstrap/ng-bootstrap'; import * as moment from 'moment'; export class NgbDateMomentParserFormatter extends NgbDateParserFormatter {

What is the difference between "ng-bootstrap" and "ngx-bootstrap"? Are they related to each other? Or are they simply concurrent implementations? Has someone worked with them both and can give/explain pros and cons of both? With "ng-bootstrap" I mean https://ng-bootstrap.github.io/#/home and with "ngx-bootstrap" I mean http://valor-software.com/ngx-bootstrap/ . Both related to Angular 4 ( not to AngularJS! ) and Bootstrap 4. Please note that this ist not a duplicated question of difference between ngx-bootstrap and ng2 bootstrap? . ng-bootstrap and ngx-bootstrap are two different projects by