Add class in angularjs?

Question

Angular

There is a popup window

<div class="cd-popup" ng-if="showFon" ng-click="clickToFon($event)">
  <div class="window">
    <p>asd</p>
  </div>
</div>

There is an .active class that, when added to .cd-popup , displays a popup. Task:
If showFon === true, then first display the .cd-popup block. and then add .active
I don’t understand how to add active after working out ng-if

Answer 1

<div ng-class="{'active': showFon}">
in general, I don’t see the point in doing anything else if the class activeshould be hung on the element always when it works for ng-ifyou ... just add this class. Until the condition is met, the element will be removed from the DOM.