ng-bootstrap | Angular powered Bootstrap | Datepicker library

 by   ng-bootstrap TypeScript Version: 15.0.0 License: MIT

kandi X-RAY | ng-bootstrap Summary

kandi X-RAY | ng-bootstrap Summary

ng-bootstrap is a TypeScript library typically used in User Interface, Datepicker, Angular, Bootstrap applications. ng-bootstrap has no bugs, it has no vulnerabilities, it has a Permissive License and it has medium support. You can download it from GitHub.

Angular widgets built from the ground up using only Bootstrap 5 CSS with APIs designed for the Angular ecosystem.

            kandi-support Support

              ng-bootstrap has a medium active ecosystem.
              It has 8092 star(s) with 1505 fork(s). There are 251 watchers for this library.
              There were 4 major release(s) in the last 12 months.
              There are 304 open issues and 2159 have been closed. On average issues are closed in 580 days. There are 35 open pull requests and 0 closed requests.
              It has a neutral sentiment in the developer community.
              The latest version of ng-bootstrap is 15.0.0

            kandi-Quality Quality

              ng-bootstrap has 0 bugs and 0 code smells.

            kandi-Security Security

              ng-bootstrap has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
              ng-bootstrap code analysis shows 0 unresolved vulnerabilities.
              There are 0 security hotspots that need review.

            kandi-License License

              ng-bootstrap is licensed under the MIT License. This license is Permissive.
              Permissive licenses have the least restrictions, and you can use them in most projects.

            kandi-Reuse Reuse

              ng-bootstrap releases are available to install and integrate.
              Installation instructions, examples and code snippets are available.
              It has 5706 lines of code, 0 functions and 892 files.
              It has low code complexity. Code complexity directly impacts maintainability of the code.

            Top functions reviewed by kandi - BETA

            kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
            Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of ng-bootstrap
            Get all kandi verified functions for this library.

            ng-bootstrap Key Features

            No Key Features are available at this moment for ng-bootstrap.

            ng-bootstrap Examples and Code Snippets

            No Code Snippets are available at this moment for ng-bootstrap.

            Community Discussions


            Cannot find name 'GlobalCompositeOperation'
            Asked 2022-Apr-10 at 13:59

            While working with ng-lottie for animations. It is suddenly having build issues. Know more .

            Hence, in search of alternatives I am trying ng-particles.

            I have installed it and added the configs as per docs.

            But, now I am getting Cannot find name 'GlobalCompositeOperation'




            Answered 2022-Apr-10 at 13:59

            this an issue with typescript version and for me details you can take a look at here :




            Angular update from 8 to 13 peer dependency problem
            Asked 2022-Mar-18 at 15:37

            I'm updating my angular app by following the angular update guide and I'm stuck with an error of peer dependencies.

            First I update from angular 8 to 9 but there was still a peer dependency error. So I use this command with --force argument :



            Answered 2022-Jan-14 at 20:40

            upgrade from 8 to 13 !! this what I would do!

            1. uninstall the global @angular/cli using
              sudo npm uninstall -g @angular/cli

            2. install the latest global version of angular cli using
              sudo npm install -g @angular/cli

            3. check installed global version using
              sudo npm list -g depth0

            4. create new project using sudo ng new yourProjectName

            5. remove node_modules folder and package-lock.json file

            6. move your old project files (don't overwrite angular.json or package.json file, instead, move non angular npm packages from your old project package.json to your new project package.json file)

            7. run sudo npm install

            8. run ng serve and work your app errors

            good luck



            Ship assets with your angular library
            Asked 2022-Feb-09 at 18:23

            I'm building an angular components library, using an NX workspace. ATM I'm implementing a file-uploader. This uploader will contain an image (svg), which should be included in the library/package.

            All solutions I find on the internet, require the consumer of the library to update their angular.json apps section. For me, this is an absolute no-go. Here's some of the resources I found explaining this:

            I already modified my ng-package.json by adding the assets field:



            Answered 2022-Feb-09 at 18:23

            This is my final ng-package.json:



            Heroku-postbuild error when deploying nodejs and angular to heroku
            Asked 2022-Feb-03 at 06:34

            I have a app that is currently deployed on heroku and working perfectly fine. I created a new heroku app and tried to run the same branch. I installed nodejs and all the configuration is the same but for some reason the build is failing at heroku-postbuild: "ng build --prod". It works fine on the previous instance I have on heroku but wont work on the new one. I don't know what i am missing as the information on the error is minimal. I am attaching my package.json as well as the error message I get. any help will be appreciated and let me know if you need me to upload anything else.




            Answered 2022-Jan-26 at 07:04

            Check if HEROKU_API_KEY is correct and that heroku_app_name is unique. Also this line seems sketcy: Detected both "build" and "heroku-postbuild" scripts Running heroku-postbuild. Maybe refactor heroku-postbuild in build and run only build.



            NG_PERSISTENT_BUILD_CACHE=1 ng serve not working
            Asked 2022-Jan-20 at 18:32

            I am trying to use the persistent build cache feature provided by angular but look like its not working for me, I am trying the below command



            Answered 2022-Jan-20 at 18:32

            You seem to be using Windows cmd to run the command, and hence you are getting the error.

            The command:



            How to display modal Component from another Component in Angular 11
            Asked 2021-Dec-11 at 16:27

            I'm trying to display a modal component from another main component, but I receive 404 error from the modal component when it renders the parent component. I think beacuse is trying to access the modal component from main component before it gets loaded.

            I declared the modal component on NgModule declarations. tried a lot of things but i couldn't make it work yet...

            This is my parent component portfolio.component.html



            Answered 2021-Dec-11 at 16:27

            Attributes only declared within a service are not injected into it. I think you should inject the ngmodal service through the constructor instead of declared as attribute



            Blank white screen after updating Angular from 7.3 to 13
            Asked 2021-Dec-06 at 13:57

            I really hope someone can help us.
            I am new to Angular and got a project inherited.
            I have an Angular project with version 7.3, which causes us troubles when we really try to work with it or to update it.
            With version 7.3 the project is running so long as you dont add any packages or delete the node-modules file and run "npm i" for installing all dependencies/packages again. The results in these cases are a blank white screen when running the application.
            So now we considered it a better idea to update the project to the newer version 13 of anuglar, so everything is up to date and that the handling will maybe be better. The node version is 16.3.0, npm is version 8.1.3.

            1. So I followed the instructions of the angular update guide:
            2. I deleted node_modules and package-lock.json serveral times an did "npm i --legacy-peer-deps" after that
            3. I deleted "es5BrowserSupport": true in angular.json
            4. I added "enableIvy": true, "fullTemplateTypeCheck": false under "angularCompilerOptions" in the tsconfig.json
            5. I added types/jest
            6. In angular.modules I added "CUSTOM_ELEMENTS_SCHEMA" under Ng-Modules.schema

            My current package.json file:



            Answered 2021-Dec-06 at 13:57

            I recently had to upgrade a large application from version 7 to 12 with many lazy loaded modules implemented in seperate angular libaries (in separate GIT-repos). I had so much troubles using ng update (many weird compiler errors) so that I had to update this way:

            • installed angular cli version 12 globally
            • updated nodejs
            • For the application and each library I created a new angular project from scratch using the new version of the angular cli.
            • then I copied the original source code to the new generated project, added missing dependencies and npm-scripts to package.json
            • If I remember correctly, in version 7 angular created a file public_api.ts (in libararies only) and angular 12 now creates a public-api.ts (so rename your original public_api.ts to public-api.ts!)
            • Since strictMode is now default, you might get a lot of compile-errors. Either try to fix those errors (if you have enough time) or deactivate strictMode in tsconfig.json (change compilerOptions/strict and angularCompilerOptions/strictTemplates to false). For strictMode see more at or

            This was the easiest and most reliable way for me to update skipping so many versions.



            Any json editor in angular 10?
            Asked 2021-Dec-04 at 02:15

            I was using ang-jsoneditor before I upgrade my nodejs (was 8, now 12) and angular (was 7, now 10). After the upgrade, the ang-jsoneditor seems not working, and error is



            Answered 2021-Dec-04 at 02:15

            For Angular 10, you can use version 1.10.5 of the Library.



            Cannot access 'NgbNavLink' before initialization
            Asked 2021-Nov-29 at 13:33

            I am trying to test a component containing a component from ng-bootstrap, in Angular 13 using Jest and get the following error: Cannot access 'NgbNavLink' before initialization.

            I have a component MyComponent which is using a NgbModal. I just want to create the test for this component, so I need to import NgbModule in my test. However, the import doesn't seem to work as I get the following error:



            Answered 2021-Nov-29 at 13:33

            The issue seemed to be with ng-bootstrap 11.0.0-rc.0. Upgrading to ng-bootstrap 12.0.0-beta.4 fixed the issue.



            Angular 6 to 12 Migration: Getting Multiple Warning: Css Minimizer Plugin: > Unexpected "$"
            Asked 2021-Nov-19 at 17:27

            After migrating my angular 6 project to 12. I am getting multiple warning in terminal

            if in angular.json i set optimisation: false configuration then all issue get resolved but i don't want to make this changes it should be true only.

            with optimisation: true i am getting all these warnings:-

            Earlier same code was working fine without any warning.



            Answered 2021-Sep-08 at 10:30

            I had the same problem. You should change the import of 'assets/.../variables.scss' to './assets/.../variables.scss'. In my case it was in styles.scss but it can be in every .scss file.


            Community Discussions, Code Snippets contain sources that include Stack Exchange Network


            No vulnerabilities reported

            Install ng-bootstrap

            We strongly recommend using Angular CLI for setting up a new project. If you have an Angular ≥ 9 CLI project, you could simply use our schematics to add ng-bootstrap library to it.


            We support the same browsers and versions supported by both Bootstrap 4 and Angular, whichever is more restrictive. See Angular browser support and Bootstrap browser support for more details. Our code is automatically tested on all supported browsers.
            Find more information at:

            Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items

            Find more libraries
          • HTTPS


          • CLI

            gh repo clone ng-bootstrap/ng-bootstrap

          • sshUrl


          • Stay Updated

            Subscribe to our newsletter for trending solutions and developer bootcamps

            Agree to Sign up and Terms & Conditions

            Share this Page

            share link