NativeScript / NativeScript/angular

Support for NativeScript v9 sectioned ListView with Angular templates

オープン
#158 コメント 0 件 リアクション 1 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

主要言語
TypeScript
スター
55
フォーク
13
平均マージ
16分
マージ済み PR(30日)
1

説明

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

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

@nativescript/angular の ListView テンプレート統合から始め、アイテムテンプレートで nsTemplateKey の値がどのように処理されるかを比較してください。NativeScript core 9.x で iOS と Android の sectioned および sticky-header の例を検証してください。完了の条件は、両方の Angular テンプレートがネイティブのセクションヘッダーと sticky-header の動作でレンダリングされることです。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend, mobile-dev
issue の種類
機能追加
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
38/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。