在Angular模板中创建日期并设置其格式

Question

为什么我不能这样做：

<p>Copyright {{ new Date() }}</p>

如果我将其绑定到变量，那么它当然可以工作。

但是对于这么简单的事情，没有约束就没有办法做到吗？

Answer 1

您可以通过管道传输它。进行绑定，然后：

<p>Copyright {{ myDateInsideTheComponent | date: 'yyyy' }}</p>

请注意，| date:之后的所有内容都是您选择的日期格式。编码愉快！

Answer 2

如@ Bjorn'Bjeaurn'S在评论中所述

  

您无权从范围HTML内访问JavaScript API。

因此绑定是必需的。