Как заставить работать плагин NativeScript Collapsing Header с Angular - PullRequest
Новая
       19

Как заставить работать плагин NativeScript Collapsing Header с Angular

0 голосов
/ 05 мая 2019

Есть ли способ заставить работать "NativeScript Collapsing Header Plugin" (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.

Любая помощь будет оценена. Спасибо.

1 Ответ

0 голосов
/ 05 мая 2019

Вы правильно зарегистрировали представление CollapsingHeader, предоставляемое плагином, но вы используете синтаксис NativeScript Core в своем шаблоне HTML.

Вместо <collapsingHeader:CollapsingHeader> попробуйте <CollapsingHeader>, который соответствует вашему первому параметру registerElement.

Также, возможно, вам придется зарегистрировать компонент заголовка, прежде чем использовать его в своем HTML 

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

и используйте его как <Header> в своем HTML.

...