how to create button event in tag in angular 4

If you want to call click() event on then use the following code : import {Component} from '@angular/core' ; @Component({ selector: 'test' , template: ` class = "fa fa-clone fa-1x " title= "My button" (click)= "clickMe()" > //here fa fa-clone is a font awesome icon {{msg}} ` }) export class TestComponent { msg = "" ; nCnt: number = 0; clickMe() { thisthis.nCnt = this .nCnt + 1; this .msg = "Clicked: " + this .nCnt; } }

Hi, Use this whole code. import {Component} from '@angular/core'; @Component({ selector: 'test', template: ` button (click)="clickMe()" > Click button > br /> p > strong > {{msg}} strong > p > ` }) export class TestComponent { msg = "" ; nCnt: number = 0 ; clickMe() { this this.nCnt = this.nCnt + 1; this.msg = "Clicked: " + this.nCnt; } }