如何访问NativeScript页面组件的isLoaded属性？

要访问NativeScript页面组件的isLoaded属性，您可以使用Angular的ViewChild装饰器来获取对组件的引用，并在ngAfterViewInit生命周期钩子中访问isLoaded属性。

以下是一个示例代码：

import { Component, ViewChild } from "@angular/core";
import { Page } from "tns-core-modules/ui/page";
import { RadSideDrawerComponent } from "nativescript-ui-sidedrawer/angular/side-drawer-directives";

@Component({
    selector: "app",
    template: `
        <RadSideDrawer #drawer>
            <StackLayout>
                <!-- Your content here -->
            </StackLayout>
        </RadSideDrawer>
    `
})
export class AppComponent {
    @ViewChild(RadSideDrawerComponent, { static: false }) drawerComponent: RadSideDrawerComponent;

    constructor(private page: Page) {}

    ngAfterViewInit() {
        // Access the isLoaded property here
        if (this.drawerComponent && this.drawerComponent.sideDrawer) {
            console.log("Is drawer loaded?", this.drawerComponent.sideDrawer.isLoaded);
        }
    }
}

在上面的示例中，我们使用ViewChild装饰器从模板中获取对RadSideDrawerComponent组件的引用。然后，在ngAfterViewInit生命周期钩子中，我们可以访问drawerComponent的sideDrawer属性，并访问isLoaded属性。

请注意，我们将static参数设置为false，以便在ngAfterViewInit生命周期钩子之前获取对组件的引用。

确保在使用RadSideDrawerComponent之前导入相关的类和模块。