angular4/typescript 中的 document.getElementById 替换? [英] document.getElementById replacement in angular4 / typescript?
本文介绍了angular4/typescript 中的 document.getElementById 替换?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在练习中使用 angular4,这对我来说是新的.
I'm working with angular4 in my practice work, and this is new for me.
为了获取 HTML 元素及其值,我使用了 <HTMLInputElement>document.getElementById
或
.
In order to get HTML elements and their values, I used <HTMLInputElement> document.getElementById
or <HTMLSelectElement> document.getElementById
.
我想知道 angular 是否有任何替代品.
I'm wondering if there is any replacement for this in angular.
推荐答案
您可以使用 #someTag
标记您的 DOM 元素,然后使用 @ViewChild('someTag')
获取它代码>.
You can tag your DOM element using #someTag
, then get it with @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
将打印一些文本.
这篇关于angular4/typescript 中的 document.getElementById 替换?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文