代码之家 › 专栏 › 技术社区 › yer

以组件中ID为目标的元素

dom typescript angular jquery

yer · 技术社区 · 6 年前

我想在角4中实现类似的东西。

$('dataBlock').empty();

如何使用组件中的ID访问DOM元素?当我尝试以下操作时,我得到了一个错误消息 Cannot read property 'nativeElement' of undefined

<div id="dataBlock"></div>

组件.ts

@ViewChild('dataBlock') block: ElementRef;

getGraphdata(){
    **code to get data and implement a graph**
    this.dataBlock.nativeElement.empty();
}

1 回复 | 直到 6 年前

ConnorsFan 6 年前

您可以使用标准的javascript方法通过 id :

document.getElementById("dataBlock").innerHTML = "";

然而,在角度上,引用元素的首选方法是 template reference variable :

<div #dataBlock></div>
<button (click)="dataBlock.innerHTML = ''">Clear content</button>

该变量还允许在 @ViewChild :

@ViewChild("dataBlock") block: ElementRef;

clearContent() {
  this.block.nativeElement.innerHTML = "";
}

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前