角度 2 倒数计时器答案

【问题标题】：angular 2 countup timer角度 2 倒数计时器
【发布时间】：2017-07-12 07:54:38
【问题描述】：

谁能给我一个角度的倒计时例子，提前谢谢

我有这个 TypeScript 代码，当我将它添加到我的项目时没有任何反应

var minutesLabel = document.getElementById("minutes");
var secondsLabel = document.getElementById("seconds");
var totalSeconds = 0;
setInterval(setTime, 1000);

function setTime() {
    ++totalSeconds;
    secondsLabel.innerHTML = pad(totalSeconds%60);
    minutesLabel.innerHTML = pad(parseInt(totalSeconds/60));
}

function pad(val) {
    var valString = val + "";
    if(valString.length < 2) {
        return "0" + valString;
    } else {
        return valString;
    }
}

【问题讨论】：

您能否说明您是如何尝试将此代码集成到您的 Angular 项目中的，并说明您在集成时遇到的问题？
我用 00 将该代码添加到 html:00

标签： angular typescript

【解决方案1】：

您可以使用“siddii”提供的这个指令 https://siddii.github.io/angular-timer/

【讨论】：

【解决方案2】：

这可能是因为您没有以 Angular2 的方式进行操作。您当前正在使用 document 属性直接修改 DOM。然而这是一个坏习惯，你应该使用 Angular2 支持的组件和视图绑定中的构建来做到这一点。不要做secondsLabel.innerHTML = pad(totalSeconds%60);之类的东西，只需使用绑定到视图的属性，它就可以工作了。

【讨论】：