从另一个页面推送时，Angular Nativescript RadListView不更新

// 假设数据源是一个数组
let items = [];

// 在推送新数据时
function pushNewData(newItems) {
  items = [...items, ...newItems];
}

import { ChangeDetectorRef } from '@angular/core';

constructor(private cdr: ChangeDetectorRef) {}

function pushNewData(newItems) {
  items = [...items, ...newItems];
  this.cdr.detectChanges(); // 手动触发变更检测
}

<RadListView [items]="items$ | async">
  <!-- 列表项模板 -->
</RadListView>

import { BehaviorSubject } from 'rxjs';

// 假设数据源是一个 BehaviorSubject
let items$ = new BehaviorSubject<any[]>([]);

function pushNewData(newItems) {
  const currentItems = items$.getValue();
  items$.next([...currentItems, ...newItems]);
}

// app.component.ts
import { Component } from '@angular/core';
import { ChangeDetectorRef } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  items = [];

  constructor(private cdr: ChangeDetectorRef) {}

  pushNewData(newItems) {
    this.items = [...this.items, ...newItems];
    this.cdr.detectChanges(); // 手动触发变更检测
  }
}

<!-- app.component.html -->
<RadListView [items]="items">
  <ng-template let-item>
    <Label [text]="item"></Label>
  </ng-template>
</RadListView>