javascript - 调用组件时定义变量

Question

我需要将 Date 定义为组件的 @Input:

<progress [start]="new Date()"></progress>

我收到此错误:

Parser Error: Unexpected token 'Date' at column 5 in [new Date()]

调用组件时如何定义变量值？

Answer 1

您无法在属性内创建/初始化和分配。

HTML

<progress [start]="getDate()"></progress>

类别

getDate(){
  return new Date()
}

这就是说，您可能不想以这种方式使用它，因为这样会通过更改检测生成新的日期。您可能希望将属性的值保留在属性中:

类别

myDate= new Date(); // This could be either on the top of the class, either in ngOnInit. Avoid putting in the constructor

HTML

<progress [start]="myDate"></progress>