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
287
votes
9 answers

What is the difference between "ng-bootstrap" and "ngx-bootstrap"?

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…
wolfrevo
  • 6,651
  • 2
  • 26
  • 38
143
votes
3 answers

Dynamic template reference variable inside ngFor (Angular 9)

How to declare a dynamic template reference variable inside a ngFor element? I want to use the popover component from ng-bootstrap, the popover code (with Html binding) is as shown: Hello,…
Boo Yan Jiong
  • 2,491
  • 5
  • 17
  • 31
59
votes
13 answers

ng-bootstrap Modal size

What is the best way to set/override a custom width for a modal? It seems ng-bootstrap currently supports size: 'sm' | 'lg' but Bootstrap 4 supports sm, md and lg. Ideally I would like the modal to be responsive and adjust similar to container…
Todd Smith
  • 17,084
  • 11
  • 59
  • 78
56
votes
2 answers

Is it correct to implement a custom NgbDateParserFormatter to change the format of the input value on NgbInputDatepicker?

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…
50
votes
11 answers