Question

是否可以使“ NativeScript折叠标题插件”（https://market.nativescript.org/plugins/nativescript-collapsing-header）与NativeScript-Angular一起使用？

我尝试使用以下方式导入app.component.ts：

registerElement("CollapsingHeader", () => require("nativescript-collapsing-header").CollapsingHeader);

试图将其显示在home.component.html

中

<GridLayout class="page page-content">
    <PullToRefresh (refresh)="refreshList($event)">
        <collapsingHeader:CollapsingHeader>
            <collapsingHeader:Header class="header-template">
                <Label id="headerLabel" text="Collapsing Header Text"></Label>
            </collapsingHeader:Header>
            <ListView [items]="items" class="list-group">
                <ng-template let-item="item">
                    <Label [nsRouterLink]="['../item', item.id]" [text]="item.name" class="list-group-item"></Label>
                </ng-template>
            </ListView>
        </collapsingHeader:CollapsingHeader>
    </PullToRefresh>
</GridLayout>

出现此错误：

由于未捕获的异常而终止应用程序'NativeScript遇到致命错误：错误：期望有效的View实例。

任何帮助将不胜感激。谢谢。

Answer 1

您已经正确注册了插件公开的CollapsingHeader视图，但是您正在HTML模板中使用NativeScript Core语法。

请尝试将您的第一个参数与<collapsingHeader:CollapsingHeader>匹配的<CollapsingHeader>，而不是registerElement。

另外，您可能需要先注册标头组件，然后才能在HTML中使用它

registerElement("Header", () => require("nativescript-collapsing-header").Header);

，并将其用作HTML中的<Header>。

如何使“ NativeScript折叠标题插件”与Angular一起使用

1 个答案: