Angular forms tutorial # form with bootstrap

In this angular 9 tutorial, we will learn how er can add bootstrap class or input in the angular form with a simple example
steps of videos are here
Add Bootstrap
install Bootstrap
add Bootstrap input or class
example

Checkout and subscribe our new channel for technical news

[codestepbystep]

Checkout and subscribe our new channel for technical news

[stevenliu]

Resolve bootstrap /schematics issue
1. npm uninstall @ng-bootstrap/ng-bootstrap
2. ng add @ng-bootstrap/ng-bootstrap
3. remove NgbModule.forRoot() from app.module.ts
4. run ng serve
It should resolve the issue.

[VinayKumar-gnxn]

Hi sir, I am watching your videos to learn angular and only one confusion in 38 number video Bec i am unable to install bootstrap package in my system and am follow same instructions as per your video waise and 2 point is what is the difference between 10 no or 38 no video to install bootstrap package because both are different so that why I am confused . Plz help and suggest

[sandeepkamra]

Sir what is the difference between these 2 commands: ng add @ng-bootstrap/schematics and npm install bootstrap --save?

[TheSnayak]

I am getting below error

[error] Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
- configuration.entry['styles'] should not contain the item twice.
-> A non-empty array of non-empty strings
at Object.webpack [as webpackFactory]
at processTicksAndRejections

[dolevdo]

i found the solution but it is a little different , it is installing regular bootstrap and not with the ng command, just do npm i bootstrap and npm i jquery and then u need to define some stuff in the package . json

[faresgeek-dz]

hi every one, i have a note if you want to add the checkBox section commit a property binding to it's ngModel like this
[ngModel]=false, so it's unCheked by default and with "false" as it's value, ,

<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1" name="checked" [ngModel]=false>
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>

[karanjoshi]

Anil sir please help us we all are facing issues in bootstrap installation.

[raginig_]

Hello sir can you please explain why we got this error ..and what is the solution for this error

[dolevdo]

currently there is no quick fix for the bug you are occurring with because angular is releasing a new version every minute :)

[gaziabbas]

Hello sir, when i install bootstrap than compile a code than error occured

[NaoSei-lnmr]

For everyone who got an error when installing bootstrap

[karanjoshi]

Maybe we should report video so sir can take it seriously.