When using Radio button for Tamplate driven form, we want to change to the value change and preform some action.

 

import { Component, Input } from '@angular/core';import { Passenger } from '../../models/passenger.interface';@Component({  selector: 'passenger-form',  styleUrls: ['passenger-form.component.scss'],  template: `    
     
            {
    { detail | json }}      
      
               Passenger name:        
             
      
      
      
               Passenger ID:        
             
      
      
      
        
                           Yes                
                           No              
      
      
      
               Check in date:        
             
      
      {
    { form.value | json }}    
     
  `})export class PassengerFormComponent {  @Input()  detail: Passenger;  toggleCheckIn(checkedIn: boolean) {    if (checkedIn) {      this.detail.checkInDate = Date.now();    }  }}