Support for NativeScript v9 sectioned ListView with Angular templates

Aberta
#158 0 comentários 1 reação 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
38/100
Tipo de issue
Funcionalidade
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
angular, typescript
Domínio
frontend, mobile-dev

Direção de pesquisa

Comece pela integração de templates de ListView do @nativescript/angular e compare como os valores de nsTemplateKey são tratados para templates de itens. Verifique o exemplo de sectioned e sticky-header com NativeScript core 9.x no iOS e no Android; considera-se concluído quando ambos os templates Angular forem renderizados com cabeçalhos de seção nativos e comportamento de sticky-header.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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
Linguagem predominante
TypeScript
Estrelas
55
Forks
13
Merge médio
16min
PRs com merge (30d)
1

Guia de contribuição

Abrir o guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de NativeScript/angular

Todas as issues de NativeScript/angular

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.