Angular 角度2可观测<;数量>;

Angular 角度2可观测<;数量>;,angular,angular2-observables,Angular,Angular2 Observables,我在AngularJS 2中做一个倒计时,从n=60秒开始(即hh:min:sec) 为此,我有以下几点: countDown: Observable<number>; count = 60; constructor() { this.countDown = Observable.timer(0,1000) .take(this.count) .map(()=> --this.count); 倒计时:可观察; 计数=60; 构造函数(){ this.countDown=可

我在AngularJS 2中做一个倒计时,从n=60秒开始(即hh:min:sec)

为此,我有以下几点:

countDown: Observable<number>;
count = 60;

constructor() { 
this.countDown = Observable.timer(0,1000)
.take(this.count)
.map(()=> --this.count);
倒计时:可观察;
计数=60;
构造函数(){
this.countDown=可观测计时器(01000)
.拿(这个.数)
.map(()=>--此.count);
}

HTML

{{countDown/(60*60)}:{{{countDown/60}:{{{countDown%60}

我得到的输出是“NaN:NaN:NaN”,但当我使用
{countDown}
时,我得到的是正确的倒计时,但不是我想要的方式

您试图用一个
可观察的
对象而不是数字执行算术运算。使用异步管道并将其保存在中

{{countValue/(60*60)}:{{countValue/60}:{{countValue%60}

问题是什么?那么。。问题是什么?“倒计时”设置在哪里?@Suraj Rao抱歉,我已经更新了问题,请看一看again@M.奥乌兹坎普请再看一看,因为我问倒计时设置在哪里并宣布了?不起作用,计数器不是空的,它有值,请阅读问题您现在已经完全更改了代码..并且您的构造函数中似乎存在语法问题。它是我得到的数字的一个对象,但无法键入。您的代码给出语法错误。请张贴一个正确的代码。请再次查看
<h2>{{ countDown/(60*60)}} : {{countDown/60}} : {{countDown%60}}</h4>
<h2 *ngIf="countDown | async as countValue">{{ countValue/(60*60)}} : {{countValue/60}} : {{countValue%60}}</h2>