mat-slide-toggle 在 Firestore 中自动更改 true / false

Question

我可以根据特定时间自动更改 mat-slide-toggle 的真/假状态吗？我正在使用 Firestore。

我希望当它是true时，24小时后它会自动变为false。这可能吗？

我尝试的是在一段时间内授予对内容的访问权限。

我的代码目前更新良好，但手动更新：

component.html

<mat-slide-toggle #toggle [ngModel]="aviso.publicado" (ngModelChange)="actualizarPublicado(aviso.id, aviso, $event)">
  <span *ngIf="!aviso.publicado" class="text-muted">No publicado</span>
  <span *ngIf="aviso.publicado" class="text-primary">Publicado</span>
</mat-slide-toggle>

组件.ts

actualizarPublicado(key, obj, e){
  this.fs.updatePublicado(key, e);
}

service.ts

updatePublicado(key, publicado){
  this.afs.doc('avisos/' + key).update({publicado});
}

Answer 1

你试过使用 setInterval 函数吗？

toggleValue = false;
interval : any;

ngOnInit(){
    this.set24HourInterval();
}

set24HourInterval(){
    this.interval = setInterval(()=>{
        this.toggleValue = !this.toggleValue;
        this.fs.updatePublicado(this.aviso.id, this.toggleValue);
    },24*60*60*1000);
}

如果你想让它根据一个条件停止迭代，你可以简单地使用

this.clearInterval(this.interval);

在那个函数里面。

更新：

  actualizarPublicado() {
    this.interval = setInterval(() => {
      this.avisos.subscribe((avisos) => {
        avisos.forEach((aviso) => {
          aviso.publicado = !aviso.publicado;
          this.fs.updatePublicado(aviso.id, aviso.publicado);
        });
      });
    }, 2000);
  }