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

@ng-bootstrap\ng-bootstrap throws error while starting application with universal rendering

Bug description: I have followed all the steps mentioned in https://ng-bootstrap.github.io/#/getting-started. It is working fine with JIT but getting error with Universal rendering. Attached is the error screenshot Version of Angular, ng-bootstrap,…
Yogender Kumar
  • 1
  • 3
0
votes
1 answer

StaticInjectionError in ng-bootstrap

Need to implement a rating system in my project so i tried with ng-bootstrap modules and used below code: But it makes error while running on…
Joseph Charles
  • 656
  • 6
  • 17
0
votes
1 answer

Angular Full Calendar For add ng-Bootstrap modal popup

I'm used my university project for Angular Full Calendar , I want t o know how to added Calendar event for Modal popup look my image , calendar is working good, but I don't know how to add Modal popup for this event, please help me this? Thanks I…
core114
  • 5,155
  • 16
  • 92
  • 189
0
votes
2 answers

Bootsrap Buttons with dropdowns, convert to ng-bootstrap Buttons with dropdowns,

Im beginner to Angular,I want to know how to correctly create this code for the ng-bootsrap ,I can do it using bootstrap-4 but I don't know Angular, Im follow this Ng-bootstrap drop down ,but not work please help me , Thanks
core114
  • 5,155
  • 16
  • 92
  • 189
0
votes
3 answers

Angular js Current date display issue

I'm a beginner in Angularjs and ng-bootstrap. I've created a sample Web site and added navigation for my site. It's working good, but I have some issue, I'm trying to display current date as 2017-12-18 this one is not displayed, I want to know how…
core114
  • 5,155
  • 16
  • 92
  • 189
0
votes
0 answers

Sample code with ngbtooltip and ngbTypeahead

Can anyone share the sample code with ngbTooltip & ngbtypeadhead controls with [(ngmodel)] in Angular 4 & Typescript? Here is my issue: Tooltip on the label is working fine when only input does not have [(ngModel)]. As soon as I used [(ngModel)] in…
user9085943
  • 51
  • 1
  • 4
0
votes
1 answer

NG Bootstrap NG alert is not working

I am following getting started guide https://ng-bootstrap.github.io/#/getting-started. trying the basic alert to work. it display the alert message not the style with bootstrap style sheet. Any idea what I am missing here? app.module.ts import {…
sfgroups
  • 18,151
  • 28
  • 132
  • 204
0
votes
0 answers

Custom library inherited form angular powered bootstrap

I am working for an organization for which I need to create a custom control. Whereas I want to use Angular Powered Bootstrap. But I also need some modification over it like CSS, HTML template change even some functionality if possible. I do not…
Partha Sarathi Ghosh
  • 10,936
  • 20
  • 59
  • 84
0
votes
1 answer

Adding ng-boostrap to Angular app makes no effect on HTML controls

I have recently tried adding ng-bootstrap to my asp.net mvc with Angular app. I followed the steps at ng-bootstrap and I can't get it to work. The controls look like plain html (like I didn't use ng-boostrap at all) I would appreciate any…
Grentley
  • 315
  • 3
  • 6
  • 19
0
votes
0 answers

Possibility to remove the clickable link title in the ngb-panel from NgbAccordion in ng-Bootstrap

I am using the Accordion from ng-bootstrap in Angular 2.x. I am actually using three buttons to toggle the content of the three Accordion Panels as show in figure below. Every time a user clicks on the button the respective panel toggles and the…
Shan-Desai
  • 3,101
  • 3
  • 46
  • 89
0
votes
1 answer

Re-focusing into the input box closes the dropdown

I am using NgbTypeahead component of ng-bootstrap. I am facing an issue where dropdown closes if I click in the input box while the focus is already there.
Harminder Singh
  • 33
  • 2
0
votes
0 answers

ng-bootstrap accordion 'Cannot read property 'templateRef' of undefined'

I have an Angular 2 project that I've worked on, off and on, for months. I've moved it to a new computer, and installed Angular-CLI and run it. It works, except for the ngb components, like the Accordion. They give the above error, and the page…
cgraus
  • 784
  • 2
  • 9
  • 26
0
votes
1 answer

ng-bootstrap modal opens component, but places html-selector

I am using ng-bootstrap within my angular 4 application. With ngbModal I open a modal. The modal content is placed in a separate component: selector: 'my-modal-component'. Component one (click to open modal in the…
Anjanas
  • 1
  • 1
0
votes
1 answer

Ng-bootstrap unable to display tootip

I am using ng-bootstrap for displaying tooltips in my Angular project. I am not able to display tooltip. No console errors. Code follows: HTML
Veera
  • 397
  • 1
  • 4
  • 21
0
votes
0 answers

NgbModal of ng-bootstrap is not working

I have tried adding the modal box in my one of the page and for that i have gone through the document provided by the ng-bootstraphttps://ng-bootstrap.github.io/#/components/modal/examples To achieve the modal dialog box i have written the code…
youi
  • 1,887
  • 5
  • 20
  • 31
1 2 3
…
99
100