Bootstrap radio buttons in Angular

In this video we will discuss working with radio buttons in Angular Template Driven forms.

Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
   / @aarvikitchen5572  

We want to include "Gender" radio buttons in the Create Employee form. When we select employee "Gender" using the radio buttons, the selected gender value should reflect in the Angular generated form model. Also, we we click the "Save" button we want the selected gender value to be logged to the console.

Please copy the HTML for radio buttons from our blog using the link below
http://csharp-video-tutorials.blogspo...

Code Explanation
1. The name attribute is required to group the radio buttons as one unit and make the selection mutually exclusive. Make sure both the radio buttons have the same value for the "name" attribute. Otherwise the radio button selection won't be mutually exclusive.

2. It is also important that you set the "value" attribute for each radio button. This value is posted to the server when the form is submitted.

While we are here, let's also include a textbox to capture "Phone Number" and "Contact Preference" radio button.

Please copy the HTML from our blog using the link below
http://csharp-video-tutorials.blogspo...

Text version of the video
http://csharp-video-tutorials.blogspo...

Slides
http://csharp-video-tutorials.blogspo...

Angular CRUD Tutorial
   • What is Angular CLI  

Angular CRUD Tutorial Text Articles & Slides
http://csharp-video-tutorials.blogspo...

All Dot Net and SQL Server Tutorials in English
https://www.youtube.com/user/kudvenka...

All Dot Net and SQL Server Tutorials in Arabic
   / kudvenkatarabic