Support for NativeScript v9 sectioned ListView with Angular templates

Offen

#158 erstellt am 27.11.2025 0 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 4/5
Geschätzter Aufwand: 3-5 Tage
Anfängerfreundlichkeit: 38/100

Issue-Typ: Feature
Klarheit: Größtenteils klar
Aktivitätsstatus: Veraltet
Tech-Stack: angular, typescript
Bereich: frontend, mobile-dev

Rechercherichtung

Beginne bei der @nativescript/angular ListView-Template-Integration und vergleiche, wie nsTemplateKey-Werte für Item-Templates behandelt werden. Überprüfe das sectioned- und sticky-header-Beispiel mit NativeScript core 9.x auf iOS und Android; abgeschlossen bedeutet, dass beide Angular-Templates mit nativen Abschnittsüberschriften und Sticky-Header-Verhalten gerendert werden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Is your feature request related to a problem? Please describe.
NativeScript 9 introduced native sectioned ListView support with sticky headers (Announcement). This feature is not yet supported with @nativescript/angular templates.

Describe the solution you'd like
Support for Angular templates in sectioned ListView:

<ListView sectioned="true" stickyHeader="true" [items]="sections">
  <ng-template nsTemplateKey="header" let-section>
    <Label [text]="section.title"></Label>
  </ng-template>
  <ng-template nsTemplateKey="item" let-item>
    <Label [text]="item.name"></Label>
  </ng-template>
</ListView>

Describe alternatives you've considered
Flattening sections into a single array with type discriminator and using itemTemplateSelector, but this loses native sticky header behavior.

Additional context

@nativescript/core: 9.x
@nativescript/angular: 20.0.0, 21.0.0-rc0
iOS / Android

Vorherrschende Sprache: TypeScript
Sterne: 55
Forks: 13
Ø Merge: 16 Min.
Gemergte PRs (30 T.): 1

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
Forken Sie das Repository und arbeiten Sie in einem Branch.
Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus NativeScript/angular

Angular 22 compatibility, EventData types are not correctly inferred from templates Offen

Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 45/100

NativeScript/angular#170 · 1 Kommentar · Erstellt am 13.6.2026
[iOS] RouterExtensions.back() fails silently after app lock/suspend mid-navigation — component stuck, native back button unresponsive on resume Offen

Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 35/100

NativeScript/angular#164 · Erstellt am 21.4.2026
My types are gone Offen

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 45/100

NativeScript/angular#163 · 1 Kommentar · Erstellt am 21.1.2026
[note] NativeScript v9 will support ES Modules; if @Component uses moduleId, remove it Offen

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 35/100

NativeScript/angular#155 · Erstellt am 15.9.2025
[fix provided] Angular 20.2+ pulls in source-map 0.7.x leading to: Can't resolve 'url' in 'node_modules/source-map/lib' Offen

NativeScript/angular#154 · 1 zugewiesene Person · Erstellt am 09.9.2025

Alle Issues in NativeScript/angular