Cacher is the code snippet organizer for pro developers

import { Component } from '@angular/core';

@Component({
  selector: 'my-tutorials',
  template: `<h2>{{title}}</h2>
             <button (click)="onClick(demoInput.value)">Click Me</button>
             <button (mouseover)="onHover(demoInput)">Hover Over</button>
             <input type="text" #demoInput>`
})

export class TutorialsComponent(
  public title="Angular Tutorial";
  onClick(value){
    console.log(value);
  }
  onHover(){
    console.log("Hovered");
  }
)