Я занимаюсь разработкой приложения, и кажется, что событие (щелчок) не работает на реальном устройстве.
HTML-код tab1.
<ion-button (click)="favorites(article)" tappable *ngIf="!checkFavorite(article.url)" shape="round"><ion-icon name='heart'></ion-icon></ion-button>
на tab1.page.ts
import { FirebaseService } from '../firebase.service';
@Component({
selector: 'app-tab1',
templateUrl: 'tab1.page.html',
styleUrls: ['tab1.page.scss']
})
export class Tab1Page {
constructor(public data: FirebaseService){
}
favorites(article) {
this.data.addToFav(article) ;
}
в firebase.service.ts
addToFav(object) {
this.db.collection("favorites").add({
"title":object["title"],
"url":object["url"],
"user":this.afAuth.auth.currentUser.uid,
"author":object["author"],
"image":object["urlToImage"],
"time":object["publishedAt"],
"source":object["source"]["name"],
"description":object["description"]
}).then(data => {
console.log("Favorite added.");
}).catch(err => {
console.log("Error adding favorite.");
})
}
Я попытался перемещаться по событию (click) в html и добавил tappable.Однако не повезло на реальном устройстве.Он отлично работает на симуляторе и в браузере - без ошибок при нажатии.
Кажется, что обе функции вызываются правильно, однако в базу данных не записывается ни один элемент?