Using template and component ts to toggle button on and off using angular

See more:

buttons

templates

Typescript

Hi Team

I need some help i have created a template to toggle between on and off but now must find a way to create a component ts so when switch toggle button is on it should and vice versa in Angular

What I have tried:

// @ts-ignore
import { Component } from '@angular/core';

@Component({
  selector: 'app-toggle-button',
  template: `<ng-container *ngIf="show; then showTpl; else hideTpl">
  </ng-container> 
  <button (click) = "show = !=show">Toggle View</button>
  <ng-tample #showTpl>
    True
  </ng-template>

  <ng-template #hideTpl>
      False
  </ng-template>                                                                                                                                   
  `,
  styles: [``]
})

export class MainAppComponent {
  // code goes here
  
  }