Stack Overflow
Stack Overflow

Questions tagged [ng-bootstrap]

A set of Angular 2+ directives based on version 4+ of Twitter Bootstrap's markup and CSS.

enter image description here

ng-bootstrap is a set of directives based on version 4+ of Twitter Bootstrap's markup and CSS.

This project was created by the angular-ui team, the same people who are behind the widely popular set of Bootstrap-powered directives for AngularJS 1.x.

The goal is to provide native Angular directives without any dependency on jQuery or Bootstrap's JavaScript. It is often better to rewrite an existing JavaScript code and create a new, pure Angular directive. Most of the time the resulting directive is smaller as compared to the original JavaScript code size and better integrated into the Angular ecosystem.

Currently supported directives are:

1703 questions
0
votes
1 answer

How to show/collapse all the accordion panels at once using ng-bootstrap

Using ng-bootstrap accordion module, and by default it is working fine. trying to customize the toggle functionality which will show/collapse at once on button click. After some debugging, now achieved the functionality. want to make sure approach…
user4217999
0
votes
0 answers

How to expand/collapse bootstrap cards using angular 2?

I am trying to expand and collapse bootstrap cards, so i have four cards and now user want to expand card to cover full screen to make more visible other cards should not be visible and then collapse it back to original style.With below code its…
hussain
  • 6,587
  • 18
  • 79
  • 152
0
votes
1 answer

How to vertically center modal dialog using ng-modal

Is it possible to to specify the modal-dialog-centered class somehow? There is an windowClass option for the outer element, but I don't see a way to specify modal-dialog-centered on the inner element.
Michael Gantz
  • 200
  • 2
  • 7
0
votes
1 answer

ng-bootstrap in exported module

So I have a nav-bar module that used ng-bootstrap: import {NgModule, NgZone} from '@angular/core'; import { CommonModule } from '@angular/common'; import {NavigationComponent} from "./components/navigation/navigation.component"; import…
Alexander Bondarenko
  • 77
  • 2
  • 11
0
votes
1 answer

Angular @ng-bootstrap error running tests with NgbPopoverModule

I have a component that uses the NgbPopoverModule. The component works fine and displays the popover. When setting up my tests I include the module but i get the following error NullInjectorError: No provider for NgbPopoverConfig! I've tried…
Steve Fitzsimons
  • 3,754
  • 7
  • 27
  • 66
0
votes
1 answer

Capture Emitted Event from an ActiveModal in Angular 2.x with ng-bootstrap

I am using ng-bootstrap with Angular in typescript. The Particular Example I have incorporated from the Documentation is Components as content. From the parent class I pass on a list of all the keys available from a specific JSON that is of my…
Shan-Desai
  • 3,101
  • 3
  • 46
  • 89
0
votes
1 answer

How to provide HttpClient to StaticInjector - Angular 5?

I am trying dynamically create a component using the NgbModal from the ng-bootstrap library (which I believe uses the ComponentFactoryResolver method underneath) but am running into an issue when I try to provide HttpClient into the Static…
Murad Khan
  • 401
  • 2
  • 8
0
votes
1 answer

Can templates with property bindings be read for [innerhtml] in Angular 5 Typescript?

As I'm on to navigation (./header.component.html) like... with the component (./header.component.ts) import { Component, OnInit }…
ralphcuneta
  • 79
  • 9
0
votes
1 answer

reactive form validation fails for correct date selected from datepicker or program entered

Am on angular 5 and not sure if i am doing things right. Basically, i have validation for date field, which must be today or before. Else, it is error. If I enter the dates, the validation works perfectly.If a correct date is selected from…
Nie Selam
  • 1,343
  • 2
  • 24
  • 56
0
votes
1 answer

How to control width of ngbSlide in NgbCarousel of ngbootstrap

How to control width of ngbSlide in NgbCarousel of ngbootstrap I am not able to change the width of carousel-item div present in NgbCarousel. below is the caurosal item sample
Feroz Siddiqui
  • 3,840
  • 6
  • 34
  • 69
0
votes
0 answers

ng-bootstrap ngbTypeahead with Angular5

Angular 5 with .NET (C#) I am trying to incorporate the Typeahead control provided by ng-bootstrap. Given below is the requirement: - A typeahead control called Category - On selecting one of the items in the Category list, another control should be…
Fra
  • 21
  • 7
0
votes
0 answers

ng-bootstrap modal fired on other component click

I want to open a modal window with item's details using ng-bootstrap after other component has been clicked, but I have a problem with transferring the component argument. I've tried suggestion from other topic here to use @ViewChild('content')…
Dandy
  • 929
  • 2
  • 14
  • 23
0
votes
0 answers

How can I get specified value from array of NgbTypeahead

Here is my form.html
…
k0c1
  • 1
  • 2
0
votes
1 answer

closing datepicker when they are in loop ng-bootstrap

I have two datepickers(Start Date and End Date) in a loop. I would like to close startdate datepickers when trying to open enddate and vice versa. I have tried giving different references to input (#start, #close)
Naresh217
  • 410
  • 1
  • 6
  • 19
0
votes
1 answer

Expression has changed after it was checked. Previous value: 'true'. Current value: 'false' on open kendo-datepicker for angular in modal dialog

I'm working on angular 4 app. I have installed angular - 4.0.3, bootstrap - 3.3.7, ng-bootstrap - 1.0.0-alpha.15, @progress/kendo-angular-dateinputs - ^1.0.3. I open modal dialog that have inside kendo-datepicker. When I click on open datepicker…
A. Gladkiy
  • 3,134
  • 5
  • 38
  • 82
1 2 3
…
99
100