☰

angular4 / typescriptでのdocument.getElementByIdの置き換え？質問する

tag-icon • tag-icon angular typescript
angular4 / typescriptでのdocument.getElementByIdの置き換え？質問する

私は練習で angular4 を使っていますが、これは私にとっては新しいものです。

HTML 要素とその値を取得するために、<HTMLInputElement> document.getElementByIdまたは を使用しました<HTMLSelectElement> document.getElementById。

Angular でこれに代わるものがあるのか​​疑問に思っています。

ベストアンサー1

を使用して DOM 要素にタグを付け#someTag、 を使用して取得することができます@ViewChild('someTag')。

完全な例を見る:

import {AfterViewInit, Component, ElementRef, ViewChild} from '@angular/core';

@Component({
    selector: 'app',
    template: `
        <div #myDiv>Some text</div>
    `,
})
export class AppComponent implements AfterViewInit {
    @ViewChild('myDiv') myDiv: ElementRef;

    ngAfterViewInit() {
        console.log(this.myDiv.nativeElement.innerHTML);
    }
}

console.log印刷されますテキスト。

おすすめ記事