Angular: change style depending on *ngIf condition

I'm aware that I can do something like this:

<ng-container *ngIf="user.age<18;else over">
<div class="some-section" style="background-color: red;">
[...]
</div>
</ng-container>
<ng-template #over>
<div class="some-section" style="background-color: blue;">
[...]
</div>
</ng-template>


Although this works, it is duplicate code. Is there a way to change only the style so that there's no duplicates (scss, other angular tools, ...)?

Continue reading...