angular / angular/components

feat(inputs): Add `[readonly]` property to input components

Abierto
#27,955 9 comentarios 16 reacciones 0 asignados Ver en GitHub
feature P4
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

### Feature Description

Right now input components (checkbox, chips, datepicker, form field, radio button, select, slider) have `[disabled]` property. Only `matInput` directive has `[readonly]`.

`[disabled]` property conflicts with the `[formControl]` directive, which has a [property with the same name](https://github.com/angular/angular/blob/main/packages/forms/src/directives/reactive_directives/form_control_directive.ts#L72).

So if you use `[formControl]` with the components listed above, it is not possible to use their `[disabled]` property.

### Use Case

`[disabled]` controls [will not be included](https://github.com/angular/angular/blob/main/packages/forms/src/model/abstract_model.ts#L409) in `form.value` - sometimes you need to render an input element as read-only but still send its value to the server.

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza comparando el comportamiento existente de [readonly] en la directiva matInput con los componentes checkbox, chips, datepicker, form field, radio button, select y slider. Lee la documentación enlazada sobre la propiedad de FormControlDirective y AbstractControl para entender la interacción entre disabled y value. Se considera terminado cuando cada componente enumerado admite [readonly] sin excluir su valor de form.value.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Nueva funcionalidad
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.