ngx-倒计时(已完成)事件未触发
ngx-倒计时(已完成)事件未触发
提问于 2019-09-22 22:15:09
我正在尝试添加一个倒计时计时器到我的应用程序中，并找到了一个用于此目的的ngx-countdown组件，但是(finished)事件并未被触发。我做错了什么？
我的组件：
import { Component, OnInit, ViewChild } from '@angular/core';
import { Question } from '../../models/Question'
import { AnswerService } from 'src/app/services/answer.service';
import { ActivatedRoute } from '@angular/router';
import { CountdownComponent } from 'ngx-countdown';
@Component({
selector: 'app-answer-sheet',
templateUrl: './answer-sheet.component.html',
styleUrls: ['./answer-sheet.component.css']
})
export class AnswerSheetComponent implements OnInit {
questions: Question[];
@ViewChild('countdown', { static: false }) private countdown: CountdownComponent;
constructor(private route: ActivatedRoute, private answerService: AnswerService) { }
ngOnInit() {
let id = this.route.snapshot.paramMap.get('id')
this.answerService.getQuestions(id).subscribe(questions => this.questions = questions);
}
ngAfterViewInit () {
this.countdown.pause();
this.countdown.resume();
}
answerQuestion(question: Question) {
var q = this.questions.find(q => q.nr === question.nr)
q.userAnswer = question.userAnswer
}
handleEvent($event) {
if ($event.left === 0) {
alert("Time's up, mate")
}
}
onTimerFinished() {
alert("Time's up, mate")
}和标记：
<p class="countdown">
<countdown #countdown [config]="{leftTime: 5}" (finished)="onTimerFinished()" >$!m!:$!s!</countdown>
</p>
<form (ngSubmit)="onAnswerSubmit()">
<app-question
*ngFor="let question of questions"
[question]="question"
(answerQuestion)="answerQuestion($event)"
>
</app-question>
<input mat-raised-button type="submit" value="Submit">
</form>我使用的是Angular版本8。
回答 2
Stack Overflow用户
发布于 2020-03-16 19:22:17
在html中尝试：
<countdown #countdown [config]="{leftTime: 5} (event)="onTimerFinished($event)" >$!m!:$!s!</countdown>在ts中：
onTimerFinished(e:Event){
if (e["action"] == "done"){
//your code here
}
}Stack Overflow用户
发布于 2020-11-10 12:07:52
我也有同样的问题，直到我在官方网站上搜索了他们的官方文档，在这里https://github.com/cipchk/ngx-countdown他们提到了类型和它已经安装在模块中
它为我解决了
onTimerFinished(e: CountdownEvent) {
if (e.action == 'done') {
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58050041
复制相关文章
相似问题
腾讯云开发者
