Skip to content

Commit 01b0666

Browse files
committed
docs(docs-infra): traduccion de dynamic-form
Se realizóla traducciÃn del archivo dynamic-form y se hizo el ajuste del mensaje del commit Fix #143
1 parent 6c23dd4 commit 01b0666

File tree

1 file changed

+16
-14
lines changed

1 file changed

+16
-14
lines changed

aio/content/guide/dynamic-form.md

Lines changed: 16 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,11 @@ Después puedes usar la plantilla para generar nuevos formularios automáticamen
77

88
La técnica es particularmente útil cuando tienes un tipo de formularios cuyo contenido debe cambiar con frecuencia para cumplir con los requisitos y cambios del negocio que están en constante evolución.
99

10-
Un típico caso de uso es un questionario. Puede que necesites obtener el input de los usuarios en diferentes contextos.
10+
Un típico caso de uso es un cuestionario. Puede que necesites obtener el input de los usuarios en diferentes contextos.
1111

12-
El formato y estilo de los formularios que ve un usuario deben permanecer constantes, mientras que las preguntas reales que debes preguntar varian segun el contexto.
12+
El formato y estilo de los formularios que ve un usuario deben permanecer constantes, mientras que las preguntas reales que debes preguntar varían según el contexto.
1313

14-
En este tutorial construriás un formulario dinámico que representa un cuestionario básico.
14+
En este tutorial construirás un formulario dinámico que representa un cuestionario básico.
1515
Construirás una aplicación online para héroes en búsqueda de empleo.
1616
La agencia está jugando constantemente con el proceso de aplicación, pero usando formularios dinámicos puedes crear nuevos formularios sobre la marcha sin cambiar el código de la aplicación.
1717

@@ -22,7 +22,7 @@ El tutorial se desarrolla a través de los siguientes pasos.
2222
3. Poblar el modelo con datos de muestra.
2323
4. Desarrolla un componente para crear dinámicamente los controles del formulario.
2424

25-
El formulario a crear usa validaciones en los inputs y estilos para mejorar la experiencia de usuario. Tiene un botón de envío que sólo es habilitado cuando todos los inputs del usuario son validos, remarca los inputs inválidos con un color y muestra mensajes de error.
25+
El formulario a crear usa validaciones en los inputs y estilos para mejorar la experiencia de usuario. Tiene un botón de envío que solo es habilitado cuando todos los inputs del usuario son válidos, remarca los inputs inválidos con un color y muestra mensajes de error.
2626

2727
La versión básica puede evolucionar para dar soporte a una variedad más rica de preguntas, una representación más elegante y una experiencia de usuario superior.
2828

@@ -36,15 +36,15 @@ Ver el <live-example name="dynamic-form"></live-example>.
3636

3737
Antes de comenzar con este tutorial, deberías tener conocimiento básico de lo siguiente:
3838

39-
- Programación con [TypeScript](https://www.typescriptlang.org/docs/home.html "El lenguaje typescript") y HTML5.
39+
- Programación con [TypeScript](https://www.typescriptlang.org/docs/home.html "El lenguaje TypeScript") y HTML5.
4040

4141
- Conceptos fundamentales de [diseño de aplicaciones con Angular](guide/architecture "Introducción a los conceptos de Angular").
4242

4343
- Conocimiento básico de [formularios reactivos](guide/reactive-forms "Guía de formularios reactivos").
4444

4545
## Activar formularios reactivos para tu proyecto
4646

47-
Los formualios dinámicos están basados en formularios reactivos. Para que la aplicación tenga acceso a las directivas de los formularios reactivos, el [módulo raíz](guide/bootstrapping "Aprende sobre bootstrapping una aplicación desde el módulo raíz.") importa `ReactiveFormsModule` desde la libreria `@angular/forms`.
47+
Los formularios dinámicos están basados en formularios reactivos. Para que la aplicación tenga acceso a las directivas de los formularios reactivos, el [módulo raíz](guide/bootstrapping "Aprende sobre bootstrapping una aplicación desde el módulo raíz.") importa `ReactiveFormsModule` desde la librería `@angular/forms`.
4848

4949
El siguiente código de ejemplo muestra la configuración del módulo raíz.
5050

@@ -71,6 +71,7 @@ El modelo de datos para este tipo de formulario debe representar una pregunta.
7171
El ejemplo incluye el `DynamicFormQuestionComponent`, el cual define una pregunta como el objeto fundamental en el modelo.
7272

7373
El siguiente `QuestionBase` es una clase base para un conjunto de controles que pueden representar la pregunta y su respuesta en el formulario.
74+
7475
<code-example path="dynamic-form/src/app/question-base.ts" header="src/app/question-base.ts">
7576

7677
</code-example>
@@ -88,6 +89,7 @@ Cuando crees la plantilla del formulario en el siguiente paso, crearás una inst
8889
El atributo `type` del elemento será definido con base en el campo `type` especificado en el argumento `options` (por ejemplo `text`, `email`, `url`).
8990

9091
- El control `DropdownQuestion` presenta una lista de opciones en una caja de selección.
92+
9193
<code-example path="dynamic-form/src/app/question-dropdown.ts" header="src/app/question-dropdown.ts"></code-example>
9294

9395
### Crear grupos de formularios
@@ -106,7 +108,7 @@ Cada pregunta es representada en la plantilla del componente del formulario medi
106108

107109
El `DynamicFormQuestionComponent` es responsable de renderizar los detalles de una pregunta individual con base en los datos del objeto asociados a la pregunta.
108110
El formulario utiliza una [directiva `[formGroup]`](api/forms/FormGroupDirective "referencia a la API") para conectar la plantilla HTML a los objetos de control subyacentes.
109-
El `DynamicFormQuestionComponent` crea gurpos de formularios y los completa con controles definidos en el modelo de preguntas, especificando reglas de visualización y validación.
111+
El `DynamicFormQuestionComponent` crea grupos de formularios y los completa con controles definidos en el modelo de preguntas, especificando reglas de visualización y validación.
110112

111113
<code-tabs>
112114

@@ -121,7 +123,7 @@ El `DynamicFormQuestionComponent` crea gurpos de formularios y los completa con
121123
</code-tabs>
122124

123125
El objetivo del `DynamicFormQuestionComponent` es presentar tipos de preguntas definidas en tu modelo.
124-
Sólo tienes dos tipos de preguntas hasta este punto pero puedes imaginar muchas más.
126+
Solo tienes dos tipos de preguntas hasta este punto, pero puedes imaginar muchas más.
125127
La declaración `ngSwitch` en la plantilla determina qué tipo de pregunta mostrar.
126128
El switch utiliza las directivas con los selectores [`formControlName`](api/forms/FormControlName "referencia a la API de la directiva FormControlName") y [`formGroup`](api/forms/FormGroupDirective "reerencia a la API de la directiva FormGroupDirective"). Ambas directivas son definidas en el módulo `ReactiveFormsModule`.
127129

@@ -133,7 +135,7 @@ Se necesita de otro servicio para suministrar un conjunto específico de pregunt
133135
Para este ejercicio crearás un servicio llamado `QuestionService` para proporcionar un array de preguntas a partir de los datos de muestra codificados de forma rígida.
134136
En una aplicación del mundo real, el servicio debe traer los datos desde un backend.
135137
El punto clave, sin embargo, es que tú controlas las preguntas de la solicitud de empleo del héroe por completo a través de los objetos devueltos por `QuestionService`.
136-
Para mantener el questionario a medida que cambian los requisitos, solo necesitas agregar, actualizar y eliminar objetos desde el array de `questions`.
138+
Para mantener el cuestionario a medida que cambian los requisitos, solo necesitas agregar, actualizar y eliminar objetos desde el array de `questions`.
137139

138140
El `QuestionService` proporciona un conjunto de preguntas en forma de un array vinculado a las preguntas de `@Input()`
139141

@@ -145,7 +147,7 @@ El `QuestionService` proporciona un conjunto de preguntas en forma de un array v
145147

146148
## Crea una plantilla para el formulario dinámico
147149

148-
El componente `DynamicFormComponent` es el punto de entrada y el contenedor principal para el fórmulario, el cual es representado con la etiqueta `<app-dynamic-form>`.
150+
El componente `DynamicFormComponent` es el punto de entrada y el contenedor principal para el formulario, el cual es representado con la etiqueta `<app-dynamic-form>`.
149151

150152
El componente `DynamicFormComponent` presenta una lista de preguntas vinculada cada una a un elemento `<app-question>` que coincide con el componente `DynamicFormQuestionComponent`.
151153

@@ -163,21 +165,21 @@ El componente `DynamicFormComponent` presenta una lista de preguntas vinculada c
163165

164166
### Visualizar el formulario
165167

166-
Para visualizar una instancia del fórmulario dinámico, la plantilla del `AppComponent` pasa el array de `questions` retornado por el servicio `QuestionService` al componente contenedor del formulario, `<app-dynamic-form>`.
168+
Para visualizar una instancia del formulario dinámico, la plantilla del `AppComponent` pasa el array de `questions` retornado por el servicio `QuestionService` al componente contenedor del formulario, `<app-dynamic-form>`.
167169

168170
<code-example path="dynamic-form/src/app/app.component.ts" header="app.component.ts">
169171

170172
</code-example>
171173

172-
El ejemplo proporciona un modelo para una solicitud de empleo para héroes, pero no hay referencias a ningúna pregunta específica de algún héroe que no sean los objetos devueltos por `QuestionService`.
174+
El ejemplo proporciona un modelo para una solicitud de empleo para héroes, pero no hay referencias a ninguna pregunta específica de algún héroe que no sean los objetos devueltos por `QuestionService`.
173175
Esta separación de datos y modelos te permite reutilizar los componentes para cualquier tipo de encuesta siempre y cuando sea compatible con el objeto modelo _question_.
174176

175177
### Asegurando datos válidos
176178

177179
La plantilla del formulario utiliza el enlace de datos dinámicos de metadatos para renderizar el formulario sin hacer suposiciones con datos en duro sobre preguntas específicas.
178180
Agrega tanto metadatos de control como criterios de validación de forma dinámica.
179181

180-
Para asegurar que los inputs sean válidos, el botón de _Save_ está deshabilitado hasta que el formulario esté en un estado válido. Cuando el formulario es valido, puedes dar click en _Save_ y la aplicación renderizará los actuales valores del formulario en formato JSON.
182+
Para asegurar que los inputs sean válidos, el botón de _Save_ está deshabilitado hasta que el formulario esté en un estado válido. Cuando el formulario es válido, puedes dar click en _Save_ y la aplicación renderizará los actuales valores del formulario en formato JSON.
181183

182184
La siguiente imagen muestra el formulario final.
183185

@@ -188,7 +190,7 @@ La siguiente imagen muestra el formulario final.
188190
## Pasos siguientes
189191

190192
- **Diferentes tipos de formularios y colecciones de controles**
191-
Este tutorial muestra como construir un cuestionario, el cual es sólo un tipo de formulario dinámico.
193+
Este tutorial muestra como construir un cuestionario, el cual es solo un tipo de formulario dinámico.
192194
Para un ejemplo de un formulario dinámico diferente, ve la sección [Crear formularios dinámicos](guide/reactive-forms#creating-dynamic-forms "Crear formularios dinámicos con arrays") en la guía de formularios reactivos.
193195
El ejemplo también muestra como usar `FormArray` en lugar de `FormGroup` para recopilar un conjunto de controles.
194196

0 commit comments

Comments
 (0)