Добавление класса для нажатия кнопки в угловых 5

Question

Я хочу добавить класс к своему абзацу, как только я нажму на иконку редактирования шрифта.Кто-нибудь может мне с этим помочь?Спасибо.

<style>
 .cust-style{
    border-bottom: 1px solid #ef4048;
    display: inline-block;
    outline: none;
}
</style>
<p class="cust-style">Need to add a class for thisd paragraph</p>
<i class="fa fa-pencil" aria-hidden="true"></i>

Answer 1

Надеюсь, этот код поможет вам! Спасибо

<p [attr.contenteditable]="isClicked" [ngClass]="{ 'className': isClicked }">Hello World!</p>
<button (click)="isClicked = !isClicked">Add Class</button>

Answer 2

 <p [ngClass]="isClicked ? 'addClassHere' : ' '"></p>

  <i (click)=addClass()></i>

in component.ts 
  isClicked: boolean = false
   toggleClass(){
    this.isClicked = !this.isClicked
    // or this.isClicked = true; // for adding class once
  }

класс будет добавляться и удаляться при нажатии