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

588

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 prajna varshini.
3,090,019 users have contributed to 147,411 threads and 483,554
In the past 24 hours, we have 3 new threads, 13 new posts, and 85 new users.
In last week, the most popular thread is 'what are libraries are there in python for Schedule'.

Upcoming Events

View all

Get Web3 Ready: Dive into Blockchain with C# Corner
Vibe Coding Bootcamp
Software Architecture Conference - 2025