使用Typescript＆amp ;;在特定div类名后面插入HTML元素角

Question

我想要做的是在具有特定类名的特定div之后在div中插入一个组件。我如何用打字稿做到这一点？

<div class ="{{order.orderId}}">
    <div class="enter-here"></div>
<other html elements here>
</div>

和TypeScript：

 insertDiv(){
    insert.component.after.className.enter-here;
 }

Answer 1

插入新元素不是angular这样做的方式，当使用角度DOM操作时应尽可能避免。在你的问题中，你没有提到.enter-here的内容，所以我假设它只是纯文本：

在你的HTML中：

<div class ="{{order.orderId}}">
    <div *ngIf="showEnterHereDiv" class="enter-here">
      some text or list which should be visible after showDiv is called
    </div>
    <other html elements here>
</div>

在你的打字稿中：

// hidden by default
showEnterHereDiv: boolean = false;

...

showDiv() {
    // call this method to show the div
    this.showEnterHereDiv = true;
}

hideDiv() {
    this.showEnterHereDiv = false;
}