[解決済み] angular4 / typescriptでdocument.getElementByIdの交換？

質問

実務でangular4を使っているのですが、初めてのことなので、教えてください。

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

angularでこれに代わるものはないかと考えています。

どのように解決するのですか？

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 を印刷します。 あるテキスト .