使用变量的角度视图更新比本机getElementById慢

Question

我有一个服务，每5毫秒发出一次事件，并且我必须更新包含计时器标签的角度视图组件。

我尝试了两种更新视图的方法：

标签1：一个简单的变量

<div>{{timer}}</div>

this.timer= Date.now() - startTime;

标签2：通过getElementById检索div并设置innerHTML

<div id="timer"></div>

document.getElementById('timer').innerHTML = (Date.now() - startTime).toString();

这是结果：

如您所见，两个标签都显示了更新的当前时间，但是在Label 2运行平稳的同时，Label 1的更新速度却缓慢地降低了毫秒。

您能告诉我使用getElementById是否错误，或者这是已知的Angular问题？