after click "Load Data" button "Beginner" radio button is not checked as it is already set in code.
even if we are clicking other radio button then value is not upading in below : "Form Values " data.
if we check other radio button then previous radio button not unchecked as it should checked.
see how it is coming in browser:
below is the code
- import { Component, OnInit } from '@angular/core';
- import { FormGroup , FormControl, FormBuilder } from '@angular/forms';
- @Component({
- selector: 'app-create-employee',
- templateUrl: './create-employee.component.html',
- styleUrls: ['./create-employee.component.css']
- })
- export class CreateEmployeeComponent implements OnInit {
- employeeForm : FormGroup;
- constructor(){}
- ngOnInit(): void {
- this.employeeForm = new FormGroup({
- fullName: new FormControl(),
- email : new FormControl(),
- skills : new FormGroup({
- skillName : new FormControl(),
- experienceInYears: new FormControl(),
- proficiency: new FormControl()
- })
- });
- }
- onLoadDataClick(): void {
- this.employeeForm.setValue({
- fullName: 'ajay',
- email : '[email protected]',
- skills:{
- skillName:'.net',
- experienceInYears : 5,
- proficiency: 'beginner'
- }
- })
- }
- onSubmit(): void
- {
- console.log(this.employeeForm.value);
- console.log(this.employeeForm.controls.fullName.touched);
- console.log(this.employeeForm.get('fullName').value);
- }
- }
Arvind KushwahaPosted Jun 5, 2020, 12:21 AM
Arvind KushwahaPosted Jun 5, 2020, 12:03 AM