Привязка атрибутов в ngx-translate:
<img src="image.jpg" [alt]="'KEY' | translate"> или
<img src="image.jpg" alt="{{'KEY' | translate}}">Рекомендуется использовать первый подход, так как в нем значение присваивается только если оно доступно.
Некорретный варинат:
<img src="image.jpg" [alt]="{{'KEY' | translate}}">Компоненты создают DOM элементы и добавляют к ним поведение, а директивы только добавляют поведение к существующим DOM элементам
Официальное руководство рекомендует использовать декораторы @HostListener и @HostBinding.
В async pipe за вас отпишется Angular. Во всех остальных случаях лучше отписываться самостоятельно. Допускается не отписываться в потоках, где будет гарантировано вызван complete.
user.class.ts Общий сценарий внедрения библиотек в компоненты через DI