特定のdivクラス名の後ろのHTML要素をTypescript＆Angularで挿入します。

Question

私がしたいのは、特定のクラス名の後にdiv内にコンポーネントを挿入することです。タイプスクリプトでこれを行うにはどうすればいいですか？

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

と活字体：新しい要素を挿入する

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

Answer 1

を極力避けるべき角度DOM操作を使用している場合、それを行うのangular方法ではありません。あなたの質問では、.enter-hereの内容がどうなるか言及していないので、私はそれだけで、プレーンテキストであると仮定しています：あなたのHTML内

：

// hidden by default 
showEnterHereDiv: boolean = false; 

... 

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

hideDiv() { 
    this.showEnterHereDiv = false; 
} 

：あなたのtypescriptですで

<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>