以下のように指定を行うとElementRefで取得したネイティブのDOMにアクセスできます。
import { Component, OnInit, ElementRef, Renderer2 } from '@angular/core';
@Component({
selector: 'app-component',
templateUrl: './app-component.component.html'
})
export class AppComponent implements OnInit {
constructor(
private el: ElementRef,
private renderer: Renderer2
) { }
ngOnInit() {
const target = this.el.nativeElement;
this.renderer.setStyle(target, 'color', 'red');
this.renderer.listen(target, 'click', () => alert('ok'));
}
}
【Angularの最新記事】
- Angularの構造ディレクティブ(St..
- AngularでネイティブのDOMにアク..
- AngularでDirectiveの作成..
- Angularでカスタムパイプを作る
- AngularでURLのパラメーターを取..
- AngularでN文字以上をトリミング
- AngularでBehaviorSubj..
- Angularで「WARNING .. ..
- angularでdebounce
- angular cliで作ったプロジェク..
- Angular2でformControl..
- Angular2のloadChildre..
- ElementRef - @angula..
- Angular 2のng2-dragul..
- Angular 2のDatePipe
- Angular2のRouting2
- Angular2のRouting
- Angular2のライフサイクルメソッド..
- Angular2のサービス
- Angular2のコンポーネント