Как применить трубу в атрибуте в угловом HTML-шаблоне

Question

Как я могу применить угловую дату pipe в моем теге i? Приведенный ниже код не работает:

<i class="fas fa-mouse-pointer font-14 status-icon-active mr-3"
    *ngIf="recentDate"
   [tooltip]="[recentDate| date: 'medium']"> -- error Here
</i>

Answer 1

Это, вероятно, обвиняет интерполяцию. Вы должны написать машинопись как

<i [tooltip]="recentDate | date: 'medium'">

или

<i tooltip="{{recentDate | date: 'medium'">

Любой из них будет работать.

Answer 2

Вы должны заменить:

[tooltip]="[recentDate| date: 'medium']"

по:

[tooltip]="recentDate | date: 'medium'"

Answer 3

Вы можете использовать угловые привязки данных или методы интерполяции

tooltip="{{recentDate | date: 'medium'}}" // Using interpolation

или

[tooltip]="recentDate | date: 'medium'" // Data binding