Como eu poderia fazer um botão do meu componente chamar uma função do mesmo componente? Estou tentando da seguinte forma:
sair.component.html:
<p>
Deseja realmente sair? <input type="submit" name="sumbit" value="Sair" onclick="sair()" />
</p>
sair.component.ts:
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-sair',
templateUrl: './sair.component.html',
styleUrls: ['./sair.component.css']
})
export class SairComponent implements OnInit {
constructor() { }
ngOnInit() {
}
sair(){
console.log('Saindooooooooooooooooooooo');
}
}
ao clicar no input eu recebo o seguinte: Uncaught ReferenceError: sair is not defined at HTMLInputElement.onclick (sair:13)