Angular Nativescript RadListView не обновляется при нажатии с другой страницы

Question

У меня есть RadListView, который получает данные из запроса http.:

<RadListView #listView  separatorColor="transparent"
        pullToRefresh="true" (pullToRefreshInitiated)="refreshFavorites($event);" *ngIf="filteredItems && filteredItems.length; else noItems" row="2"
            [items]="filteredItems" marginTop="-100" (touch)="dismissKeyboard($event)">
    <ng-template let-item="item" let-i="index">
        <GridLayout columns="10,*,10">
            <GridLayout *ngIf="item" (tap)="goToInner(item)" [nsRouterLink]="['../favorite', item.ean]" pageTransition="slide"  shadow='6' cornerRadius='5' col="1" columns="*,auto" class="p-8 m-b-8 m-x-8" borderRadius="8"
            backgroundColor="white">
                <GridLayout class="favorite-card" col="0" columns="150,*,auto" rows="auto,auto,auto">
                    <Image col="0" rowSpan="3" class="thumbnail m-r-12" stretch="aspectFit" *ngIf="item.images"
                        [src]="item.images.large.url"></Image>
                        <StackLayout col="1" row="1" verticalAlingment="center">
                                <Label  class="h3 title m-t-4" marginBottom="0" textWrap="true" maxLines="2" [text]="item.productTitle"></Label>
                                <Label class="h5 caption" [text]="item.manufacturer"></Label>
                        </StackLayout>
                </GridLayout>
                <StackLayout col="1" verticalAlignment="top" (tap)="removeFromFavorites(item, i)">
                        <Image horizontalAlignment="right" src="~/images/favorite-active.png" width="20" height="20"></Image>
                </StackLayout>
            </GridLayout>
        </GridLayout>
    </ng-template>
</RadListView>

Если я хочу обновить RadListView на inner.component, чтобы добавить элемент в «radListView»:

filteredItems : ObservableArray<Observable> = new ObservableArray([]);
public update(item){
    this.filteredItems.push(item)
}

Но если я добавлю элемент из другого компонента,radListView не обновляется:

providers: [InnerComponent],    
constructor(private inner: InnerComponent){}
addItem(item){
    this.inner.update(item)
}

Что я делаю не так и почему не обновляется?Почему мой RadListView не обновляется после вызова функции из другого компонента, но обновляется из его собственного компонента?Оба элемента одинаковы в обоих компонентах.

Answer 1

Вам необходимо создать службу и использовать BehaviorSubject, как показано в этом примере . Внедрение компонента с использованием поставщиков не является обычной практикой. К вашим услугам .ts

filteredItems;



public filteredItemsSubsSource = new BehaviorSubject(new ObservableArray<item>());
public filteredItemsSubs = this.filteredItemsSubsSource.asObservable();

addItem(item){
    this.filteredItems.push(item);
    this.filteredItemsSubsSource.next(filteredItems);
}

так в другой компонент внедряй сервис и подписывайся

providers: [Service],    
constructor(private _service: Service){}

addItem(item){
    this._service.addItem(item);
}

также

this._service.filteredItemsSubs.subscribe(
            (filteredItems) => {
                this.filteredItems= filteredItems;

            }
        );