angular / angular/components

mat-form-field required fields that are disabled should have the option to show the asterisk

Aperta
#10,270 6 commenti 12 reazioni 0 assegnatari Vedi su GitHub
area: material/form-field feature P3
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

#### Bug, feature request, or proposal:
Proposal

#### What is the expected behavior?
For a control that is required and disabled the asterisk has the option to be shown.

#### What is the current behavior?
When a control is disabled the asterisk is removed, even when marked as required. This will show a form as requiring less fields to be populated than actually is required.

#### What are the steps to reproduce?
Providing a StackBlitz reproduction is the *best* way to share your issue.

StackBlitz starter: https://goo.gl/wwnhMV

https://stackblitz.com/edit/angular-material2-issue-sezut1?file=app/app.component.ts

#### What is the use-case or motivation for changing an existing behavior?
We have a form that requires you to choose a hierarchy location first - which will then go off and get related data. The selects are required but disabled to start with because they can't be interacted with until the hierarchy location is selected. Once hierarchy location is selected, selects get populated and become enabled.

The issue here is the drip-feeding, the user will be shown X controls on load that are required - as the user is actively filling in the form they will be told more controls are required. So the initial X controls that were required is now incorrect and now more controls are required to be populated.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 5.2.2. Material 5.1.0

#### Is there anything else we should know?
I found where this change was done, in request to robmv's proposal (https://github.com/angular/material2/issues/8251). I believe there is a valid use-case where asterisk's should not be shown, but in our use-case we need to show the asterisk even when disabled.

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia dal comportamento di mat-form-field riprodotto nello StackBlitz collegato, in particolare da app/app.component.ts, e verifica come viene rappresentato un controllo disabilitato obbligatorio. Determina come esporre un'opzione per mantenere l'asterisco, preservando al contempo il comportamento esistente per impostazione predefinita. Il lavoro è completato quando la riproduzione mostra il marcatore di obbligatorietà per i controlli disabilitati quando l'opzione è abilitata.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
frontend
Tipo di issue
Funzionalità
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.