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

639

1 Angular

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

Answers (2)

Forum Statistics

Please welcome our newest member Utkarsh Sharma.
3,101,576 users have contributed to 147,374 threads and 483,775
In the past 24 hours, we have 1 new threads, 10 new posts, and 140 new users.
In last week, the most popular thread is '.NET CORE WEB API'.

Upcoming Events

View all

AI Agents Conference - 2025
.NET Conf - Rasipuram
TONATHON 2025

Our Training Programs

View all

AI & Machine Learning
Mastering Large Language Models
Mastering Prompt Engineering
Certified Vibe Coder
Github Copilot Training
Generative AI for Beginners
n8n Automation & AI Agents Training

how to create button event tag in angular 4

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (2)