Определить переменную при вызове компонента

Question

Мне нужно определить дату как @Input компонента:

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

Я получаю эту ошибку:

Ошибка синтаксического анализатора: неожиданный токен «Дата» встолбец 5 в [new Date ()]

Как определить значение переменной при вызове компонента?

Answer 1

Вы должны инициализировать свою дату в component.ts, в ngOnInit, например:

myDate: Date;

ngOnInit() {
    this.myDate = new Date();
}

и использовать ее в своем шаблоне:

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

Answer 2

Вы не можете создавать / инициализировать и назначать внутри атрибута.

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>