Я думаю, что вы ищете это: (остальное выглядит хорошо для меня, может быть, кто-то предложит лучший способ ...)
<div #yourDiv id="1" style="height: 100px;" [ngClass]="{'colored': color === 1}">
<button id="abc" (click)="color = 1">WE WANT MORE BUTTONS HERE</button>
<button *ngIf="hasReminder(yourDiv.id)">HiddenButton</button>
</div>
вы можете использовать редактор Eclipse RCP, он имеет множество функций, доступных для повторного использования. например, выделение текста, выделение парных конструкций, наведение текста, помощь при завершении и т. д. он намного мощнее, но намного тяжелее. и RCP - это не только редактор ...
To achieve code highlighting and some simple auto complete functionality it would be worth looking at the jsyntaxpane component.
It's pretty simple and easy to use but you're not going to get the compile functionality from that.