Angular

Angular Samples

Home

1. Create New Component
2. Component To HTML
3. @Input
4. Button Click Event
5. @Output
6. Template Variable
7. *ngFor
8. Safe Navigation Operator
9. *ngIf
10. Hidden Property
11. *ngSwitch
12. Service
13. Routing
14. Routing with Parameter
15. Router Link
16. Module
17. Lazy Loaded Module

Button Click Event

my-second-component.component.html


<div>
<button class="btn btn-primary" (click)="handleClickMe()" >Click Me!</button>
</div>

my-second-component.component.ts


import { Component, OnInit, Input } from '@angular/core';

@Component({
	selector: 'app-my-second-component',
	templateUrl: './my-second-component.component.html',
	styleUrls: ['./my-second-component.component.css']
})

export class MySecondComponentComponent implements OnInit {

	constructor() { }

	ngOnInit() {
	}

	handleClickMe(){
		console.log("Clicked!")
	}
}