I'm currently enrolled in an online Angular course and I've noticed that the "glyphicon" classes used by the instructor are not working as expected for me. It's worth mentioning that this course is about 3 years old, so there might have been changes in Angular since then. I was just curious if anyone could spot any issues with my code or if there are additional steps required to display glyphicons properly.
Below is the code snippet:
<div class="zippy">
<div class="zippy-heading"
[class.expanded]="isExpanded"
(click)="toggle()"
>
{{ title }}
<span class="glyphicon"
[ngClass] ="{
'glyphicon-chevron-up':isExpanded,
'glyphicon-chevron-down': !isExpanded
}"
></span>
</div>
<div *ngIf="isExpanded" class="zippy-body"></div>
<ng-content></ng-content>
</div>