ionic-selectable design inside ng-content inside ion-item

[mahrmartin]

If ionic-selectable is placed inside other wrapper component using ng-content, than it cannot query parents components using nativeElement.closest() and setup CSS classes properly (mainly ionic-selectable-has-label, ionic-selectable-label-default). Label and selected value is than displayed diferently.

FieldWrapper.html:

<ion-item>
    <ion-label>Whatever label</ion-label>

    <!-- ionic-selected will be placed inside ng-content -->
    <ng-content></ng-content>
</ion-item>

app.component.html:

<app-field-wrapper>
    <ionic-selectable
        ...
    ></ionic-selectable>
</app-field-wrapper>