Angular2、サイト全体の要素属性を追加します

Question

私はAngular2アプリを開発しており、すべてのHTML入力に対してオートコンプリート、オートコレクト、オートキャタライズ、スペルチェックを無効にする必要があります。私は手動でこれをすべての単一の入力に追加する必要はなく、動的なサイトウェイメソッドを実装したいと思います。 jQueryのでは例えば

私達はちょうど私がAngular2で同じことを達成するにはどうすればよい$('input').attr('autocomplete','off')

ができますか？サイト全体の入力を取得し、その属性を変更するには？

Answer 1

あなたは、Docs

を、このためのディレクティブを作成することができますそれは次のようになります。あなたのプロジェクトのために編集する必要があり未テストコード

import {Directive, Input, Renderer} from '@angular/core'; 

@Directive({ 
    selector: 'input', 
    host: { 
    '(change)': 'setAtrributes()', 
    } 
}) 
export class InputDirective { 
    @Input() mobile: boolean; 

    constructor(private elementRef: ElementRef, private renderer: Renderer) {} 

    setAtrributes() { 
    this.renderer.setElementAttribute(this.elementRef.nativeElement, 'attributename', this.mobile ? 'off' : 'on'); 
    // Other attributes 
    } 
}