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

Question

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

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

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() { 
  }

}

Answer 2

你应该编写自己的指令。 这是文档https://angular.io/guide/attribute-directives