Angular: Директива о вызовах в декораторе @Component - PullRequest
Новая
       16

Angular: Директива о вызовах в декораторе @Component

0 голосов
/ 26 марта 2020

Я хочу вызвать директиву из декоратора компонентов в angular 9 (не AngularJS).

Если мы хотим, чтобы наш компонент компонента всегда был с type='button', поэтому наш html элемент будет выглядеть следующим образом: 

<my-app type="button"></my-app>

Мы можем добиться этого с помощью host в компонентном декораторе: 

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ],
  host: {'type' : 'button'}
})

Можете ли вы добавить пользовательский директива для компонента таким же образом?

Конечная цель :

У меня есть несколько старых компонентов, я хочу добавить его атрибуты (например, type="button").

Обязательно:

  1. Меньше изменений в компонентах.
  2. Нет изменений в родительском компоненте. (Таким образом, вызов будет не <my-app type="button"></my-app>, а просто <my-app></my-app>, и он сгенерирует атрибут.)
  3. Можно добавить логи c, например, изменить type или уведомить, когда компонент закрыт или не в фокусе и т. д. c.).

Вот почему я подумал о директиве.

У вас есть идея , пожалуйста?

...