NativeScript / NativeScript/angular

Support for NativeScript v9 sectioned ListView with Angular templates

Offen
#158 0 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

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

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

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.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend, mobile-dev
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
38/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.