How change component html template in angular 2?

Question

For example I have this component with a simple template:

  <div>
    <h2>Hello!!!</h2>
  </div>

and I want to add this new template tag:

  <div>
    <h2>Hello!!!</h2>
    <div class = "new-tag">
      </div>
  </div>

How can I do this? Thanks.

I forgot, I want do this by something event, click for example — Kirill Achramionok
– Kirill Achramionok, Commented Jan 4, 2017 at 18:22
As I understand, you want to import another component in anothr component by css selector?? — Aniruddha Das
– Aniruddha Das, Commented Jan 4, 2017 at 19:30
@KirillAchramionok I updated my answer. It was poorly formatted and didn't show the code. Sorry for that. — Günter Zöchbauer
– Günter Zöchbauer, Commented Jan 3, 2018 at 12:50

Günter Zöchbauer · Accepted Answer · 2018-01-03 12:49:48Z

1

Use a structural directive like *ngIf

  <div>
    <h2>Hello!!!</h2>
    <div *ngIf="showNew" class = "new-tag"></div>
    <button (click)="showNew = true">click me</button>
  </div>

answered Jan 4, 2017 at 19:25

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1