angular/components

docs(menu): add example of nested menus using dynamic data

Open

#7.434 aberto em 30 de set. de 2017

Ver no GitHub
 (33 comments) (7 reactions) (0 assignees)TypeScript (6.650 forks)batch import
P4area: material/menudocsfeaturehelp wanted

Métricas do repositório

Stars
 (24.044 stars)
Métricas de merge de PR
 (Mesclagem média 3d 12h) (98 fundiu PRs em 30d)

Description

Bug, feature request, or proposal:

Feature Request - Menu Docs

What is the expected behavior?

The docs would include an example of building a menu from a data structure similar to the radio button docs.

What is the current behavior?

The menu docs only include a nested menu example using static HTML.

What are the steps to reproduce?

Working on a Stackblitz demo atm...

What is the use-case or motivation for changing an existing behavior?

This is a common use case for building application menus, especially for business applications. The data may come from a config file, a REST API, or some other source but it is very often not static and does not align with a static HTML example.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 4.4.3 TypeScript 2.3.4 Chrome 61 OS X El Capitan

Is there anything else we should know?

Thank you for your hard work on this library!

Guia do colaborador

Direção de pesquisa
Investigue como gerar dinamicamente menus aninhados do Angular Material a partir de uma estrutura de dados, semelhante ao exemplo dos botões de rádio. Crie uma demonstração no Stackblitz para ilustrar a abordagem.
Pilha de tecnologia
typescriptangular
Domain
frontend
Tipo Issue
Documentação
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Principalmente claro
Prerequisites
AngularTypeScriptAngular Material
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60