我正在开发一个应用程序,并且(click)事件似乎在实际设备上不起作用。
tab1的HTML。
<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.");
})
}
我尝试在html中的click事件周围移动,并添加了tappable。但是在真实设备上没有运气。在模拟器和浏览器中都可以正常运行-单击时没有错误。
这两个函数似乎都被正确调用,但是没有项目写入数据库吗?