如何扩展 Angular 表单指令以具有全局自动完成=“关闭”

Question

正如我们在 Angular 中<form>所知道的那样，是一个指令。我想知道是否有任何方法可以扩展该指令。

我需要这个，因为我想在我的视图中autocomplete="off"使用时总是附加属性<form>。或者也许有另一种更简单的方法来全局设置它？

Answer 1

Angular 指令选择器也可以通过 css 选择。正如评论中提到的@Andrei Gatej，您可以使用主机绑定将自动完成属性绑定到表单内的所有输入，如下所示：

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

}