Html code folding in angular template

#1

I have Angular components containing html templates. Up until recently the html templates would ‘fold’ (in the same sort of way that functions and control blocks would do so). For example, in the following snippet the divs would be foldable. Now, nothing within the template section of any component will fold.

I don’t recall the point at which this stopped working so can’t determine whether any particular update might have had an impact. Any thoughts on why this stopped working?

Thanks

...
@Component({
    selector: 'aor-modal',
    styles: [`
    `],
    template: `
        <div class="modal-header">
            <h2 class="modal-title pull-left">AOR Survey</h2>
        </div>
        <div class="modal-body">
            <div [innerHtml]="aorText"></div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-main" (click)="onCloseClick()">Close</button>
        </div>
    `
})
export class AorModalComponent {
    public aorSurvey: AorSurvey;
...