Looking to define a setter for an existing object property in JavaScript ES6? Currently, the value is directly assigned as true, but I'm interested in achieving the same using a setter.
Here's a snippet of HTML:
<form #Form="ngForm" novalidate (ngSubmit)="saveForm()">
<label class="radio-inline pr-3">
<input type="radio" name="isCitizen" required value="yes [(ngModel)]="formList.isCitizen" #isCitizen="ngModel"> Yes
</label>
<label class="radio-inline">
<input type="radio" name="isCitizen" required value="no"[(ngModel)]="formList.isCitizen"#isCitizen="ngModel"> No
</label>
<form>
And here's a piece of the component code:
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
name = 'Angular';
formList: FormModel = new FormModel();
saveForm(){ //how to set the value to object using setter
if(this.formList.isCitizen === 'yes'){
this.formList.isCitizen = true;
}else{
this.formList.isCitizen = false;
}
}
}
export class FormModel {
isCitizen : boolean;
}