<StackLayout> not rendering when child of <Page>


Greetings everybody. Having a problem getting a to render when it is a child of a .

Abbreviated HTML template -

<ActionBar title="Title" class="action-bar">
<StackLayout class="p-20" [formGroup]="loginForm">
<!-- Various form controls go here -->

When I wrap the whole thing in an outermost Page element, the ActionBar is fine, it still renders but the StackLayout disappears. When I remove the Page element, everything works as it’s supposed to. The “loginForm” is an Angular Reactive form.



<Page> should not be added explicitly to your HTML if you are using Angular. I believe you are aware of that, so may I know what seems to be a issue here?