Skip to content

Searcharticlesvideosblogsforumsinterview questionsarticles

Tech
Articles
Blogs
News
Videos
Interviews
Forums
Books
Events
- Jobs
- Stories

Article
Blog
Video
Ebook
Interview Question

Loading

Upcoming Events

23 NOV
AI Agents Conference 2026 - 3rd Edition

Our Training Programs

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

About Us Contact Us Privacy Policy Terms Brand Guidelines Partners C# Tutorials Consultants Ideas Report A Bug FAQs Sitemap Stories CSharp TV DB Talks Web3 Universe Jumpstart Blockchain

©2026 C# Corner.

All contents are copyright of their authors.

how to create button event tag in angular 4

Home
Forums
Angular

how to create button event tag in angular 4

nithi mano

8yAsked May 21, 2018, 5:56 AM791Angular

how to create button event in tag in angular 4

2 Replies
Know the answer? Post it — somebody with the same question will find it here.

Sign in to answer this question
It is the same account you read, post and publish with — and you will come straight back to this page.
Sign in Create an account

Mahesh Verma8y ago
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;
  }
}
Amit Kumar8y ago
Hi,
Use this whole code.
import {Component} from '@angular/core';

@Component({
selector: 'test',
template: `<button (click)="clickMe()">Clickbutton>
    <br/> <p><strong>{{msg}}strong>p>`
})
export class TestComponent {
  msg = "";
  nCnt: number = 0;
  clickMe() {
      thisthis.nCnt = this.nCnt + 1;
      this.msg = "Clicked: " + this.nCnt;
  }
}