Can't make click event work

Trying HTML
<ion-item *ngFor="let chat of chats" (click)="login()">
JS

import { Component } from '@angular/core';
import { ChatPage } from '../chat/chat';

import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-chats',
  templateUrl: 'chats.html'
})
export class ChatsPage {
  chats: any;
  
  constructor(public navCtrl: NavController) {
  	this.chats = data; //nevermind this data, is a mock;
  }

  chat() {
  	alert('llegue');
	// this.n}avCtrl.push(ChatPage);
  }
}

And I keep getting this error when I click
EXCEPTION: Error in ./ChatsPage class ChatsPage - inline template:7:45 caused by: self.context.$implicit is not a function

Also! The ngFor IS WORKING, is loading my data, so there is no problem with the binding

I’m going crazyy!!

Oh my god, I’m so fucking stupid. I was using chat variable for looping and for the function name