Me enfrento a un problema con un evento de clic angular2, no está iniciando un simple console.log o una alerta.

Aquí publico mi plantilla de componentes:

 <div class="col-md-4"> <div *ngFor="let phone of phones"> {{phone.text}} </div> <input class="form-control" type="text" [(ngModel)]="phone"/> <button class="btn btn-primary" (click)="console.log('clicked');" type="button">Call</button> </div>

Cuando hago clic en el botón, no hay nada en la consola.

Traté de ejecutar una función de componente, sin suerte también.

Lo estoy haciendo de la misma manera que aquí: http://learnangular2.com/events/

¿Necesitan más archivos? Simplemente no entiendo por qué esto no funciona.

Muchas gracias, Daniel

Editar:

Ok, ahora lo estoy haciendo así:

Modelo:

 <div class="col-md-4"> <div *ngFor="let phone of phones"> {{phone.text}} </div> <input class="form-control" type="text" [(ngModel)]="phone"/> <button class="btn btn-primary" (click)="callPhone();" type="button">Call</button> </div>

Y mi componente de archivo ts:

 import {Component, OnInit, OnDestroy} from '@angular/core'; import {FormControl} from '@angular/forms'; import {CallService} from '../call.service'; @Component({ moduleId: module.id, selector: 'app-call-formular', templateUrl: './call-formular.component.html', styleUrls: ['./call-formular.component.css'], providers: [CallService] }) export class CallFormularComponent implements OnInit, OnDestroy { phones = []; connection; phone; constructor(private callService: CallService) { } callPhone(): any { console.log('callPhone executed.'); } ngOnInit() { this.connection = this.callService.getPhones().subscribe(phone => { this.phones.push(phone); }); } ngOnDestroy() { this.connection.unsubscribe(); } }

Y todavía no lanza mi evento de clic.