typescript - 删除函数不带参数值
问题描述
提供的代码可以编译,但删除功能不起作用
使用 console.log('{alarm.id}'); alarm.id 不显示其值,而是显示字符串。但是,如果我在代码中添加引号,例如 'alarms/${' & 'alarm.id' & '}' 它无法编译
报警页面.ts
import { Component, OnInit } from '@angular/core';
import { AngularFireModule } from '@angular/fire';
import { AngularFirestore } from '@angular/fire/firestore';
import { ModalController } from '@ionic/angular';
import { AngularFireAuth } from '@angular/fire/auth';
import { AlarmAddPage } from './alarm-add/alarm-add.page';
@Component({
selector: 'app-alarm',
templateUrl: './alarm.page.html',
styleUrls: ['./alarm.page.scss'],
})
export class AlarmPage implements OnInit {
alarms = [];
constructor(private db: AngularFirestore,
private modalCtrl: ModalController,
public afAuth: AngularFireAuth,) { }
ngOnInit() {
this.alarms=[];
this.db.collection('alarms').stateChanges().subscribe(serverAlarms =>{
serverAlarms.forEach(a=>{
let alarm:any = a.payload.doc.data();
alarm.id = a.payload.doc.id;
this.alarms.push(alarm);
});
});
};
async add() {
const modal = await this.modalCtrl.create({
component: AlarmAddPage,
backdropDismiss: false,
});
return await modal.present();
}
delete(alarm){
this.db.doc('alarms/${alarm.id}').delete();
console.log('{alarm.id}');
}
}
报警页面.html
<ion-header>
<ion-toolbar color="dark">
<ion-buttons slot="start">
<ion-menu-button></ion-menu-button>
</ion-buttons>
<ion-title>
Alarms
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content padding>
<ion-list>
<ion-item *ngFor="let alarm of alarms">
<table><tr><th><h2>{{alarms.time}} </h2></th><td><table><tr><td>{{alarm.id}}</td></tr><tr><td>{{alarms.days}}</td></tr></table></td></tr></table>
<ion-button (click)="delete(alarm)" color="light">Delete</ion-button>
</ion-item>
</ion-list>
<ion-col>
<div class="ion-text-center">
<ion-button (click)="add()" color="light">Add Alarms</ion-button>
</div>
</ion-col>
</ion-content>
我希望在您的帮助下,删除功能会起作用。在不破坏其他代码的情况下。我希望你不只是来这里纠正我的英语。完整代码位于https://github.com/iceraft/LimitRemoval。
解决方案
你能试试这个
<ion-button (click)="delete(alarm.id)" color="light">Delete</ion-button>
delete(alarm){
this.db.doc('alarms/'+alarm).delete();
console.log(alarm);
}
推荐阅读
- c# - Quartz 作业不能使用 autofac 和带有服务的构造函数运行
- webpack - Workbox-webpack-plugin 对我来说不能离线工作
- python - 使用 BS4 构造最短的有效 css 选择器
- python - google colab pytorch 版本错误(课程 231n)
- java - Java sublime.build 在一个目录中工作,但在另一个目录中不工作
- javascript - Javascript:轮播活动点和左右按钮
- kubernetes - 禁止:用户,“代码”:使用 curl 访问 kube-apiserver 时出现 403 错误
- javascript - 点击后汉堡菜单打不开
- string - Kotlin 子字符串直到特定字符
- javascript - 弹性盒不工作。我想做一个按钮(html