Question

我有一个dom元素，它是由外部组件自动生成的。

<div id="abc">test data</div>

我想删除，隐藏或清空内容，以较容易的一个为准。

Answer 1

您的请求很奇怪，因为在ngOnInit()之前还没有呈现任何内容。因此，我想您希望在组件加载时将其隐藏？您可以使用*ngIf：

<div *ngIf="showTestData" id="abc">test data</div>

@Component({})
export class TestComponent {
  showTestData: boolean = false;

  ngOnInit(): void {
    // nothing necessary here
  }
}

Answer 2

<div id="abc"><span *ngIf="show_it">test data</span></div> 然后将show_it声明为组件类的成员变量，并在ngOnInit中将其设置为false。

当然，您可以将ngIf直接放在div上。

发表评论后编辑 如果您确定知道ID，并且ID来自外部，则可以使用@ViewChild选择该元素，并在保留该元素后将其隐藏。

如何删除DOM元素或将其从组件中清空

2 个答案: