Как исправить @ViewChild ElementRef неопределенный в NativeScript Angular? - PullRequest
Новая
       58

Как исправить @ViewChild ElementRef неопределенный в NativeScript Angular?

0 голосов
/ 15 февраля 2019

Я занимаюсь разработкой мобильного приложения с помощью NativeScript (CLI v5.2.0) Angular (v7.2.3), и у меня есть @ViewChild ElementRef, который не был определен.

Я проверил наличие ViewChild и ElementRef вимпорт "@ angular / core", переименовал мою переменную @ViewChild, изменил область видимости с общедоступной на приватную, переместил console.log () в ngAfterViewInit (см .: https://github.com/NativeScript/nativescript-angular/issues/188#issuecomment-212815619) и перестроил мой проект с помощью "tns debug android"--clean --bundle ".

component-name.component.ts: 

@ViewChild("test") private _scrollView: ElementRef;

constructor(page: Page) {

    page.actionBarHidden = true;

}

ngAfterViewInit() {

    console.log("ScrollView element:", this._scrollView.nativeElement);

}

...

component-name.component.html: 

<GridLayout columns="*" rows="*, auto">

    <ScrollView (swipe)="onSwipe($event)" col="0" row="0" #test>
        <StackLayout>

...

Если я поставлю #test в начале, сразу после элемента ScrollView, у меня будет переменная this._scollView, которая не определена.

ЕслиЯ ставлю #test в конце, как в примере выше, все работает, и я показываю свой элемент в console.log (this._scrollView.nativeElement)!

Ошибка?

...