Как расширить Angular Директива формы, чтобы глобально автозаполнение = "выключено"

Question

Как мы знаем, в Angular <form> это директива. Мне интересно, есть ли способ расширить эту директиву.

Мне это нужно, потому что я хочу добавлять атрибут autocomplete="off" всегда, когда я использую <form> в своем представлении. Или, может быть, есть другой, более простой способ установить его глобально?

Answer 1

Angular селектор директив также может быть выбран с помощью css. Поскольку @Andrei Gatej, упомянутый в комментарии, вы можете использовать hostbinding для привязки атрибута автозаполнения ко всем входным данным внутри формы, например:

import { Directive, HostBinding } from '@angular/core';
@Directive({
  selector: 'input[type="text"]'
})
export class FormDirective {
  @HostBinding('attr.autocomplete') autoComplete ='off'; 
  constructor() { 
  }

}

Answer 2

вы должны написать собственную директиву. Вот документы https://angular.io/guide/attribute-directives