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; } }

Answers

how to create button event tag in angular 4

nithi mano

569

how to create button event in <i> tag in angular 4

Answers (2)

Next Recommended Forum

How to find reverse of a number using custom pipes?

Use pipes for angular navigation in angular 5

Forum Statistics

Please welcome our newest member abdelrhman elhusein ismail.
3,083,681 users have contributed to 147,418 threads and 483,473
In the past 24 hours, we have 7 new threads, 22 new posts, and 73 new users.
In last week, the most popular thread is 'what's difference between .NET framework and C# language?'.

Upcoming Events

View all

Excel Automation with Power Automate : Automate Your Business Processes - Ep.3
Global Azure Bootcamp - Rasipuram
Software Architecture Conference - 2025