1. ホーム
  2. angular

[解決済み] angular4 / typescriptでdocument.getElementByIdの置き換え?

2022-09-07 12:58:21

質問

実務で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 と表示されます。 あるテキスト .