From 95681b16bd04f10908b7a81384c481aa4e6d9d6b Mon Sep 17 00:00:00 2001 From: Daniel Date: Sun, 26 Jul 2020 15:10:52 -0600 Subject: [PATCH 01/17] fix(docs): changed the way to express the idea Changed the way to express the idea from "usted" to "tu" --- aio/content/marketing/index.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/aio/content/marketing/index.html b/aio/content/marketing/index.html index 1fb2e919a0..1c6419e759 100755 --- a/aio/content/marketing/index.html +++ b/aio/content/marketing/index.html @@ -41,8 +41,8 @@
-
Desarrollar en todas las plataformas
-

Aprenda una forma de crear aplicaciones con Angular y reutilice su código y habilidades para crear aplicaciones para cualquier objetivo de implementación. Para web, web móvil, móvil nativo y escritorio nativo. +

Desarrolla en todas las plataformas
+

Aprende una forma de crear aplicaciones con Angular y reutiliza tu código y habilidades para crear aplicaciones para cualquier objetivo de implementación. Para web, web móvil, móvil nativo y escritorio nativo.

@@ -54,7 +54,7 @@
Velocidad y Rendimiento
-

Logre la máxima velocidad posible en la Plataforma Web hoy y avance, a través de Web Workers y renderizado del lado del servidor.

+

Logra la máxima velocidad posible en la Plataforma Web hoy y avance, a través de Web Workers y renderizado del lado del servidor.

Angular te permite controlar la escalabilidad. Satisface requerimientos enormes de datos construyendo modelos en RxJS, Immutable.js o algún otro.

@@ -76,7 +76,7 @@
Herramientas Increíbles
-

Cree funciones rápidamente con plantillas simples y declarativas. Extienda el lenguaje de plantilla con sus propios componentes y use una amplia gama de componentes existentes. Obtenga ayuda inmediata y comentarios específicos de Angular con casi todos los IDE y editores. Todo esto se une para que pueda concentrarse en crear aplicaciones increíbles en lugar de intentar que el código funcione. +

Crea funciones rápidamente con plantillas simples y declarativas. Extiende el lenguaje de plantilla con tus propios componentes y usa una amplia gama de componentes existentes. Obtén ayuda inmediata y comentarios específicos de Angular con casi todos los IDE y editores. Todo esto se une para que puedas concentrarte en crear aplicaciones increíbles en lugar de intentar que el código funcione.

@@ -108,7 +108,7 @@ Get Started with Angular
Pruebalo ahora
-

Explore las capacidades de Angular con una aplicación de muestra preparada. No se requiere configuración. +

Explora las capacidades de Angular con una aplicación de muestra preparada. No se requiere configuración.

From cf2663b034abc41ea66cfa3c99a180b9b6de9e7d Mon Sep 17 00:00:00 2001 From: Alejandro Lora Date: Mon, 27 Jul 2020 22:21:00 +0200 Subject: [PATCH 02/17] docs: translate the app-shell.md file (#41) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * docs: translate the app-shell.md file * Update aio/content/guide/app-shell.md Co-authored-by: Christian Morante * Update aio/content/guide/app-shell.md Co-authored-by: Christian Morante * Update aio/content/guide/app-shell.md Co-authored-by: Christian Morante * add PR feedback * docs: update 'usted'-'tú' (Grammatical person) Co-authored-by: Christian Morante --- aio/content/guide/app-shell.md | 32 +++++++++++++++----------------- 1 file changed, 15 insertions(+), 17 deletions(-) diff --git a/aio/content/guide/app-shell.md b/aio/content/guide/app-shell.md index 8804980873..b1c9bcf8f4 100644 --- a/aio/content/guide/app-shell.md +++ b/aio/content/guide/app-shell.md @@ -1,32 +1,32 @@ # App shell -App shell is a way to render a portion of your application via a route at build time. -It can improve the user experience by quickly launching a static rendered page (a skeleton common to all pages) while the browser downloads the full client version and switches to it automatically after the code loads. +App shell es una manera de renderizar una porción de tu aplicación a través de una ruta en tiempo de compilación (build time). +Puede mejorar la experiencia de usuario lanzando rápidamente una página estática renderizada (un esqueleto común a todas las páginas) mientras el navegador descarga la versión completa del cliente y la muestra automáticamente al finalizar su carga. -This gives users a meaningful first paint of your application that appears quickly because the browser can simply render the HTML and CSS without the need to initialize any JavaScript. +Esto da a los usuarios una primera visualización significativa de su aplicación que aparece rápidamente porque el navegador simplemente puede renderizar HTML y CSS sin la necesidad de inicializar JavaScript. -Learn more in [The App Shell Model](https://developers.google.com/web/fundamentals/architecture/app-shell). +Obténga más información en [El modelo de aplicación Shell](https://developers.google.com/web/fundamentals/architecture/app-shell). -## Step 1: Prepare the application +## Paso 1: Prepara la aplicación -You can do this with the following CLI command: +Puedes hacer esto con el siguiente comando CLI: ng new my-app --routing -For an existing application, you have to manually add the `RouterModule` and defining a `` within your application. +Para una aplicación existente, debes agregar manualmente el `RouterModule` y definir un` `dentro de tu aplicación. -## Step 2: Create the app shell +## Paso 2: Crea el shell de la aplicación -Use the CLI to automatically create the app shell. +Usa la CLI para crear automáticamente el shell de la aplicación. ng generate app-shell -* `client-project` takes the name of your client application. +* `client-project` toma el nombre de tu aplicación cliente. -After running this command you will notice that the `angular.json` configuration file has been updated to add two new targets, with a few other changes. +Después de ejecutar este comando, notará que el archivo de configuración `angular.json` se ha actualizado para agregar dos nuevos targets, con algunos otros cambios. "server": { @@ -53,20 +53,18 @@ After running this command you will notice that the `angular.json` configuration } -## Step 3: Verify the app is built with the shell content +## Paso 3: Verifica que la aplicación está construida con el contenido del shell -Use the CLI to build the `app-shell` target. +Usa la CLI para construir el `app-shell` target. ng run my-app:app-shell -Or to use the production configuration. +O usa la configuración de producción. ng run my-app:app-shell:production -To verify the build output, open `dist/my-app/index.html`. Look for default text `app-shell works!` to show that the app shell route was rendered as part of the output. - - +Para verificar el resultado de la compilación, abre `dist/my-app/index.html`. Busca el texto por defecto `app-shell works!` para mostrar que la ruta del shell de la aplicación se ha renderizado como parte de la carpeta de distribución. From 4cbb90daf712375ebe157c40a8b2d9da6f0d5fd2 Mon Sep 17 00:00:00 2001 From: devpato Date: Thu, 23 Jul 2020 19:21:30 -0400 Subject: [PATCH 03/17] feat(github): traduccion de templates para issues --- .github/ISSUE_TEMPLATE/1-bug-report.md | 61 ++++++++----------- .github/ISSUE_TEMPLATE/2-feature-request.md | 30 ++++----- .github/ISSUE_TEMPLATE/3-docs-bug.md | 52 ++++++++-------- .../4-security-issue-disclosure.md | 6 +- .github/ISSUE_TEMPLATE/5-support-request.md | 10 +-- .github/ISSUE_TEMPLATE/6-angular-cli.md | 6 +- .../ISSUE_TEMPLATE/7-angular-components.md | 8 +-- .github/ISSUE_TEMPLATE/8-translate-docs.md | 53 ++++++++++++++++ 8 files changed, 135 insertions(+), 91 deletions(-) create mode 100644 .github/ISSUE_TEMPLATE/8-translate-docs.md diff --git a/.github/ISSUE_TEMPLATE/1-bug-report.md b/.github/ISSUE_TEMPLATE/1-bug-report.md index 39b3eb6862..c21d61d051 100644 --- a/.github/ISSUE_TEMPLATE/1-bug-report.md +++ b/.github/ISSUE_TEMPLATE/1-bug-report.md @@ -1,69 +1,60 @@ --- -name: "\U0001F41EBug report" -about: Report a bug in the Angular Framework +name: "\U0001F41EReporta un bug" +about: Reporta un bug en el framework de Angular --- -# 🐞 bug report +# 🐞 Reporte de un bug -### Affected Package - - The issue is caused by package @angular/.... +### Paquete afectado + + El problema se debe a la @angular del paquete/.... -### Is this a regression? +### ¿Es una regresión? - - Yes, the previous version in which this bug was not present was: .... + + Sí, la versión anterior en la que este error no estaba presente era: .... -### Description +### Descripción - A clear and concise description of the problem... + Una descripción clara y concisa del problema... -## 🔬 Minimal Reproduction - +## 🔬 Reproducción mínima + https://stackblitz.com/... - -Issues that don't have enough info and can't be reproduced will be closed. - -You can read more about issue submission guidelines here: https://github.com/angular/angular/blob/master/CONTRIBUTING.md#-submitting-an-issue ---> - -## 🔥 Exception or Error +## 🔥 Excepción o Error

-
+
 
 
 
-## 🌍 Your Environment +## 🌍 Su entorno -**Angular Version:** +**Versión Angular:**

-
+
 
 
 
-**Anything else relevant?** - +**¿Algo más relevante?** + - + diff --git a/.github/ISSUE_TEMPLATE/2-feature-request.md b/.github/ISSUE_TEMPLATE/2-feature-request.md index 2a85f82375..9efed690e1 100644 --- a/.github/ISSUE_TEMPLATE/2-feature-request.md +++ b/.github/ISSUE_TEMPLATE/2-feature-request.md @@ -1,32 +1,32 @@ --- -name: "\U0001F680Feature request" -about: Suggest a feature for Angular Framework +name: "\U0001F680Solicitud de funcionalidad" +about: Solicitud de funcionalidad para el framework de Angular --- -# 🚀 feature request +# 🚀 Solicitud de funcionalidad -### Relevant Package - - This feature request is for @angular/.... +### Paquetes relevantes + + Esta funcionalidad es para @angular/.... -### Description - A clear and concise description of the problem or missing capability... +### Descripción + Una descripción clara y concisa del problema o falta de capacidad... -### Describe the solution you'd like - If you have a solution in mind, please describe it. +### Describe la solución que te gustaría + Si tienes una solución en mente, por favor describela. -### Describe alternatives you've considered - Have you considered any alternative solutions or workarounds? +### Describe las alternativas que ha considerado + ¿Ha considerado alguna solución alternativa? diff --git a/.github/ISSUE_TEMPLATE/3-docs-bug.md b/.github/ISSUE_TEMPLATE/3-docs-bug.md index c7ed324cce..a08e9981c6 100644 --- a/.github/ISSUE_TEMPLATE/3-docs-bug.md +++ b/.github/ISSUE_TEMPLATE/3-docs-bug.md @@ -1,55 +1,55 @@ --- -name: "📚 Docs or angular.io issue report" -about: Report an issue in Angular's documentation or angular.io application +name: "📚 Informa problemas en los documentos o angular.io" +about: Informar de un problema en la documentación de Angular o angular.io aplicación --- -# 📚 Docs or angular.io bug report +# 📚 Informe de errores de documentos o angular.io -### Description +### Descripción - A clear and concise description of the problem... + Una descripción clara y concisa del problema... -## 🔬 Minimal Reproduction +## 🔬 Reproducción mínima -### What's the affected URL?** - https://angular.io/... +### ¿Cuál es la URL afectada?** + https://angular.io/... ### Reproduction Steps** - - + + -### Expected vs Actual Behavior** - - +### Comportamiento esperado vs real** + + -## 📷Screenshot - - +## 📷Captura de pantall + + -## 🔥 Exception or Error +## 🔥 Excepción o Error

-
+
 
 
 
-## 🌍 Your Environment +## 🌍 Tu entorno -### Browser info - +### Información del navegador + -### Anything else relevant? - +### ¿Es este un problema específico del + diff --git a/.github/ISSUE_TEMPLATE/4-security-issue-disclosure.md b/.github/ISSUE_TEMPLATE/4-security-issue-disclosure.md index 70736318d2..de34a8cb40 100644 --- a/.github/ISSUE_TEMPLATE/4-security-issue-disclosure.md +++ b/.github/ISSUE_TEMPLATE/4-security-issue-disclosure.md @@ -1,11 +1,11 @@ --- -name: ⚠️ Security issue disclosure -about: Report a security issue in Angular Framework, Material, or CLI +name: ⚠️ Divulgación del problema de seguridad +about: Reporta un problema de seguridad en el framework de Angular, Material, o CLI --- 🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑 -Please read https://angular.io/guide/security#report-issues on how to disclose security related issues. +Por favor, lee https://angular.io/guide/security#report-issues sobre cómo revelar problemas relacionados con la seguridad. 🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑 diff --git a/.github/ISSUE_TEMPLATE/5-support-request.md b/.github/ISSUE_TEMPLATE/5-support-request.md index 2dbeb30612..684d47cb70 100644 --- a/.github/ISSUE_TEMPLATE/5-support-request.md +++ b/.github/ISSUE_TEMPLATE/5-support-request.md @@ -1,16 +1,16 @@ --- -name: "❓Support request" -about: Questions and requests for support +name: "❓Solicitud de Soporte" +about: Preguntas e solicitudes de soporte --- 🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑 -Please do not file questions or support requests on the GitHub issues tracker. +Por favor, no hagas preguntas o solicitudes de soporte técnico en el rastreador de problemas de GitHub. -You can get your questions answered using other communication channels. Please see: +Puede obtener respuestas a sus preguntas utilizando otros canales de comunicación. Por favor, vea: https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question -Thank you! +¡Gracias! 🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑 diff --git a/.github/ISSUE_TEMPLATE/6-angular-cli.md b/.github/ISSUE_TEMPLATE/6-angular-cli.md index 8bad6e69cd..6feee2a92e 100644 --- a/.github/ISSUE_TEMPLATE/6-angular-cli.md +++ b/.github/ISSUE_TEMPLATE/6-angular-cli.md @@ -1,13 +1,13 @@ --- name: "\U0001F6E0️Angular CLI" -about: Issues and feature requests for Angular CLI +about: Problemas y solicitudes para el Angular CLI --- 🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑 -Please file any Angular CLI issues at: https://github.com/angular/angular-cli/issues/new +Por favor, presente cualquier problema de Angular CLI en: https://github.com/angular/angular-cli/issues/new -For the time being, we keep Angular CLI issues in a separate repository. +Por el momento, mantenemos los problemas del Angular CLI en un repositorio 🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑 diff --git a/.github/ISSUE_TEMPLATE/7-angular-components.md b/.github/ISSUE_TEMPLATE/7-angular-components.md index 181b418b55..c2b35744b8 100644 --- a/.github/ISSUE_TEMPLATE/7-angular-components.md +++ b/.github/ISSUE_TEMPLATE/7-angular-components.md @@ -1,13 +1,13 @@ --- -name: "\U0001F48EAngular Components" -about: Issues and feature requests for Angular Components +name: "\U0001F48EComponentes de Angular" +about: Problemas y solicitudes de característica para los componentes de Angular --- 🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑 -Please file any Angular Components issues at: https://github.com/angular/components/issues/new +Por favor, presenta cualquier problema con los componentes de Angulares en: https://github.com/angular/components/issues/new -For the time being, we keep Angular Components issues in a separate repository. +Por el momento, mantenemos los problemas de componentes de Angular en un repositorio independiente. 🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑 diff --git a/.github/ISSUE_TEMPLATE/8-translate-docs.md b/.github/ISSUE_TEMPLATE/8-translate-docs.md new file mode 100644 index 0000000000..1a0c2d1465 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/8-translate-docs.md @@ -0,0 +1,53 @@ +--- +name: "🇪🇦Traducir doc al español" +about: Solicitud para traducir ciertos docs al español + +--- + +🇪🇦 Traducir: creating-libraries.md + + + + +## Nombre del archivo: + creating-libraries.md + + +## Ruta donde se encuentra el archivo dentro del proyecto de Angular + + https://github.com/angular-hispano/angular/blob/master/aio/content/guide/creating-libraries.md + +## Tendras que crear un nuevo archivo que es el que contiene la traducción + + + +- [ ] Se han creado dos archivos con la extensión correspondiente + +## ⚠️ Consulta el diccionario de términos + +- [ ] Consulte el diccionario de términos + \ No newline at end of file From 2e42123870d6f053e8506edbac9274b80ed15b75 Mon Sep 17 00:00:00 2001 From: devpato Date: Thu, 23 Jul 2020 19:32:45 -0400 Subject: [PATCH 04/17] fix(merge): conflict --- .github/ISSUE_TEMPLATE/1-bug-report.md | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/.github/ISSUE_TEMPLATE/1-bug-report.md b/.github/ISSUE_TEMPLATE/1-bug-report.md index c21d61d051..b1e2a52f4d 100644 --- a/.github/ISSUE_TEMPLATE/1-bug-report.md +++ b/.github/ISSUE_TEMPLATE/1-bug-report.md @@ -32,10 +32,17 @@ Los problemas existentes a menudo contienen información sobre soluciones altern ## 🔬 Reproducción mínima - + https://stackblitz.com/... - + ## 🔥 Excepción o Error


From 7fd1733882c0ac15485cd4050e93cc510229f859 Mon Sep 17 00:00:00 2001
From: devpato 
Date: Thu, 23 Jul 2020 21:57:29 -0400
Subject: [PATCH 05/17] fix(pr): comments

---
 .github/ISSUE_TEMPLATE/1-bug-report.md | 9 +++++----
 .github/ISSUE_TEMPLATE/3-docs-bug.md   | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/.github/ISSUE_TEMPLATE/1-bug-report.md b/.github/ISSUE_TEMPLATE/1-bug-report.md
index b1e2a52f4d..7c878ca2b5 100644
--- a/.github/ISSUE_TEMPLATE/1-bug-report.md
+++ b/.github/ISSUE_TEMPLATE/1-bug-report.md
@@ -6,7 +6,7 @@ about: Reporta un bug en el framework de Angular
 
 ¡Hola! 😄
 
-Para agilizar el procesamiento de issues, busque issues abiertas y cerradas antes de enviar uno nuevo.
+Para agilizar el procesamiento de issues, busque issues abiertas y cerradas antes de enviar una nueva.
 Los problemas existentes a menudo contienen información sobre soluciones alternativas, resolución o actualizaciones de progreso.
 
 
@@ -17,7 +17,7 @@ Los problemas existentes a menudo contienen información sobre soluciones altern
 
 ### Paquete afectado
 
- El problema se debe a la @angular del paquete/....
+ El problema es ocasionado por el paquete @angular/...
 
 
 ### ¿Es una regresión?
@@ -37,7 +37,8 @@ Los problemas existentes a menudo contienen información sobre soluciones altern
 
 
 
-
+
diff --git a/.github/ISSUE_TEMPLATE/3-docs-bug.md b/.github/ISSUE_TEMPLATE/3-docs-bug.md
index a08e9981c6..406e216cad 100644
--- a/.github/ISSUE_TEMPLATE/3-docs-bug.md
+++ b/.github/ISSUE_TEMPLATE/3-docs-bug.md
@@ -33,7 +33,7 @@ Los problemas existentes a menudo contienen información sobre soluciones altern
 
 
 
-## 📷Captura de pantall
+## 📷Captura de pantalla
 
 
 

From 599d34b41e419302ba331ff5b848bc78d004d0ba Mon Sep 17 00:00:00 2001
From: devpato 
Date: Thu, 23 Jul 2020 21:59:48 -0400
Subject: [PATCH 06/17] fix(comment): based on PR

---
 .github/ISSUE_TEMPLATE/1-bug-report.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/ISSUE_TEMPLATE/1-bug-report.md b/.github/ISSUE_TEMPLATE/1-bug-report.md
index 7c878ca2b5..4eb28a70ad 100644
--- a/.github/ISSUE_TEMPLATE/1-bug-report.md
+++ b/.github/ISSUE_TEMPLATE/1-bug-report.md
@@ -38,6 +38,7 @@ Los problemas existentes a menudo contienen información sobre soluciones altern
 
-
-
-# 🐞 Reporte de un bug
-
-### Paquete afectado
-
- El problema es ocasionado por el paquete @angular/...
-
-
-### ¿Es una regresión?
-
-
- Sí, la versión anterior en la que este error no estaba presente era: ....
-
-
-### Descripción
-
- Una descripción clara y concisa del problema...
-
-
-## 🔬 Reproducción mínima
-
- https://stackblitz.com/...
-
-
-
-## 🔥 Excepción o Error
-

-
-
-
-
- - -## 🌍 Su entorno - -**Versión Angular:** -

-
-
-
-
- -**¿Algo más relevante?** - - - diff --git a/.github/ISSUE_TEMPLATE/2-feature-request.md b/.github/ISSUE_TEMPLATE/2-feature-request.md deleted file mode 100644 index 9efed690e1..0000000000 --- a/.github/ISSUE_TEMPLATE/2-feature-request.md +++ /dev/null @@ -1,32 +0,0 @@ ---- -name: "\U0001F680Solicitud de funcionalidad" -about: Solicitud de funcionalidad para el framework de Angular - ---- - - - -# 🚀 Solicitud de funcionalidad - -### Paquetes relevantes - - Esta funcionalidad es para @angular/.... - - -### Descripción - Una descripción clara y concisa del problema o falta de capacidad... - - -### Describe la solución que te gustaría - Si tienes una solución en mente, por favor describela. - - -### Describe las alternativas que ha considerado - ¿Ha considerado alguna solución alternativa? diff --git a/.github/ISSUE_TEMPLATE/3-docs-bug.md b/.github/ISSUE_TEMPLATE/3-docs-bug.md deleted file mode 100644 index 406e216cad..0000000000 --- a/.github/ISSUE_TEMPLATE/3-docs-bug.md +++ /dev/null @@ -1,55 +0,0 @@ ---- -name: "📚 Informa problemas en los documentos o angular.io" -about: Informar de un problema en la documentación de Angular o angular.io aplicación - ---- - - -# 📚 Informe de errores de documentos o angular.io - -### Descripción - - Una descripción clara y concisa del problema... - - -## 🔬 Reproducción mínima - -### ¿Cuál es la URL afectada?** - https://angular.io/... - -### Reproduction Steps** - - - -### Comportamiento esperado vs real** - - - - -## 📷Captura de pantalla - - - - -## 🔥 Excepción o Error -

-
-
-
-
- - -## 🌍 Tu entorno - -### Información del navegador - - -### ¿Es este un problema específico del - diff --git a/.github/ISSUE_TEMPLATE/4-security-issue-disclosure.md b/.github/ISSUE_TEMPLATE/4-security-issue-disclosure.md deleted file mode 100644 index de34a8cb40..0000000000 --- a/.github/ISSUE_TEMPLATE/4-security-issue-disclosure.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -name: ⚠️ Divulgación del problema de seguridad -about: Reporta un problema de seguridad en el framework de Angular, Material, o CLI - ---- - -🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑 - -Por favor, lee https://angular.io/guide/security#report-issues sobre cómo revelar problemas relacionados con la seguridad. - -🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑 diff --git a/.github/ISSUE_TEMPLATE/5-support-request.md b/.github/ISSUE_TEMPLATE/5-support-request.md deleted file mode 100644 index 684d47cb70..0000000000 --- a/.github/ISSUE_TEMPLATE/5-support-request.md +++ /dev/null @@ -1,16 +0,0 @@ ---- -name: "❓Solicitud de Soporte" -about: Preguntas e solicitudes de soporte - ---- - -🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑 - -Por favor, no hagas preguntas o solicitudes de soporte técnico en el rastreador de problemas de GitHub. - -Puede obtener respuestas a sus preguntas utilizando otros canales de comunicación. Por favor, vea: -https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question - -¡Gracias! - -🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑 diff --git a/.github/ISSUE_TEMPLATE/6-angular-cli.md b/.github/ISSUE_TEMPLATE/6-angular-cli.md deleted file mode 100644 index 6feee2a92e..0000000000 --- a/.github/ISSUE_TEMPLATE/6-angular-cli.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -name: "\U0001F6E0️Angular CLI" -about: Problemas y solicitudes para el Angular CLI - ---- - -🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑 - -Por favor, presente cualquier problema de Angular CLI en: https://github.com/angular/angular-cli/issues/new - -Por el momento, mantenemos los problemas del Angular CLI en un repositorio - -🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑 diff --git a/.github/ISSUE_TEMPLATE/7-angular-components.md b/.github/ISSUE_TEMPLATE/7-angular-components.md deleted file mode 100644 index c2b35744b8..0000000000 --- a/.github/ISSUE_TEMPLATE/7-angular-components.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -name: "\U0001F48EComponentes de Angular" -about: Problemas y solicitudes de característica para los componentes de Angular - ---- - -🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑 - -Por favor, presenta cualquier problema con los componentes de Angulares en: https://github.com/angular/components/issues/new - -Por el momento, mantenemos los problemas de componentes de Angular en un repositorio independiente. - -🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑🛑 diff --git a/.github/ISSUE_TEMPLATE/8-translate-docs.md b/.github/ISSUE_TEMPLATE/8-translate-docs.md index 1a0c2d1465..743deb8568 100644 --- a/.github/ISSUE_TEMPLATE/8-translate-docs.md +++ b/.github/ISSUE_TEMPLATE/8-translate-docs.md @@ -1,14 +1,14 @@ --- -name: "🇪🇦Traducir doc al español" +name: "📚Traducir doc al español" about: Solicitud para traducir ciertos docs al español --- -🇪🇦 Traducir: creating-libraries.md +📚Traducir: creating-libraries.md From 3325cb2f8642ffbd1c8f3ed62ca99ded9321b0d0 Mon Sep 17 00:00:00 2001 From: devpato Date: Sun, 26 Jul 2020 16:30:50 -0400 Subject: [PATCH 08/17] fix(code): based on comments from PR reviewrs --- .github/ISSUE_TEMPLATE/8-translate-docs.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/.github/ISSUE_TEMPLATE/8-translate-docs.md b/.github/ISSUE_TEMPLATE/8-translate-docs.md index 743deb8568..3bebe1d5e4 100644 --- a/.github/ISSUE_TEMPLATE/8-translate-docs.md +++ b/.github/ISSUE_TEMPLATE/8-translate-docs.md @@ -50,4 +50,14 @@ Temporalmente tenemos la terminología utilizada en este tema. Se migrará a un La terminologia que estamos usando la podras encontrar aqui: https://github.com/angular-hispano/angular/issues/9 ---> \ No newline at end of file +--> + +## Enlaza la PR con el issue correspondiente + +- [ ] PR enlazada con el issue correspondiente + https://github.com/angular-hispano/angular/blob/master/aio/content/guide/creating-libraries.md - -## Tendras que crear un nuevo archivo que es el que contiene la traducción - - - -- [ ] Se han creado dos archivos con la extensión correspondiente - -## ⚠️ Consulta el diccionario de términos - -- [ ] Consulte el diccionario de términos - - -## Enlaza la PR con el issue correspondiente - -- [ ] PR enlazada con el issue correspondiente - https://github.com/angular-hispano/angular/blob/master/aio/content/guide/creating-libraries.md \ No newline at end of file From 04dcc3bcebfde489a021ffc2d383149b90d9a404 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Luis=20Jos=C3=A9=20S=C3=A1nchez?= Date: Thu, 23 Jul 2020 17:04:28 +0200 Subject: [PATCH 10/17] Update README.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Traducción del README.md al español. --- README.md | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/README.md b/README.md index 846270ca04..006f6595c1 100644 --- a/README.md +++ b/README.md @@ -5,22 +5,22 @@ # Angular -Angular is a development platform for building mobile and desktop web applications using TypeScript/JavaScript and other languages. +Angular es una plataforma de desarrollo para construir aplicaciones web y móviles que usa TypeScript/JavaScript y otros lenguajes de programación. -## Quickstart +## Guía rápida -[Get started in 5 minutes][quickstart]. +[Comienza a usarlo en 5 minutos][quickstart]. -## Changelog +## Registro de cambios (Changelog) -[Learn about the latest improvements][changelog]. +[Últimas mejoras realizadas][changelog]. -## Want to help? +## ¿Quieres ayudar? -Want to file a bug, contribute some code, or improve documentation? Excellent! Read up on our -guidelines for [contributing][contributing] and then check out one of our issues in the [hotlist: community-help](https://github.com/angular/angular/labels/hotlist%3A%20community-help). +¿Quieres encontrar fallos, colaborar con código, o mejorar la documentación? ¡Excelente! Lee nuestras +pautas para [colaborar][contributing] y luego revisa algunos de nuestras incidencias (issues) en [hotlist: community-help](https://github.com/angular/angular/labels/hotlist%3A%20community-help). -[contributing]: https://github.com/angular/angular/blob/master/CONTRIBUTING.md -[quickstart]: https://angular.io/start -[changelog]: https://github.com/angular/angular/blob/master/CHANGELOG.md +[colaborar]: https://github.com/angular/angular/blob/master/CONTRIBUTING.md +[guía rápida]: https://angular.io/start +[registro de cambios]: https://github.com/angular/angular/blob/master/CHANGELOG.md [ng]: https://angular.io From 38554288f51c0d77f98e300432185ce9c388a9c4 Mon Sep 17 00:00:00 2001 From: Michael Prentice Date: Tue, 28 Jul 2020 23:21:35 -0400 Subject: [PATCH 11/17] =?UTF-8?q?docs(readme):=20aplicar=20sugerencias=20d?= =?UTF-8?q?e=20revisi=C3=B3n=20de=20c=C3=B3digo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 006f6595c1..81e9fa455d 100644 --- a/README.md +++ b/README.md @@ -18,9 +18,8 @@ Angular es una plataforma de desarrollo para construir aplicaciones web y móvil ## ¿Quieres ayudar? ¿Quieres encontrar fallos, colaborar con código, o mejorar la documentación? ¡Excelente! Lee nuestras -pautas para [colaborar][contributing] y luego revisa algunos de nuestras incidencias (issues) en [hotlist: community-help](https://github.com/angular/angular/labels/hotlist%3A%20community-help). +pautas para [colaborar][contributing] y luego revisa algunos de nuestras incidencias (issues) en [ayuda comunitaria](https://github.com/angular-hispano/angular/labels/ayuda%20comunitaria). -[colaborar]: https://github.com/angular/angular/blob/master/CONTRIBUTING.md -[guía rápida]: https://angular.io/start -[registro de cambios]: https://github.com/angular/angular/blob/master/CHANGELOG.md -[ng]: https://angular.io +[contributing]: https://github.com/angular-hispano/angular/blob/master/CONTRIBUTING.md +[quickstart]: https://docs.angular.lat/start +[changelog]: https://github.com/angular/angular/blob/master/CHANGELOG.md From 37668d159e53aeb636ed7ca50d868c837be3aa7f Mon Sep 17 00:00:00 2001 From: Alejandro Date: Sun, 26 Jul 2020 22:51:26 +0200 Subject: [PATCH 12/17] docs: translat cheatsheet.md file to Spanish --- aio/content/guide/cheatsheet.md | 172 ++++++++++++++++---------------- 1 file changed, 87 insertions(+), 85 deletions(-) diff --git a/aio/content/guide/cheatsheet.md b/aio/content/guide/cheatsheet.md index f3e55928d3..87e57d4e5f 100644 --- a/aio/content/guide/cheatsheet.md +++ b/aio/content/guide/cheatsheet.md @@ -10,7 +10,7 @@ platformBrowserDynamic().bootstrapModule(AppModule); -

Bootstraps the app, using the root component from the specified NgModule.

+

Empaqueta la app, usando el componente raíz del NgModule especificado.

@@ -24,370 +24,372 @@ @NgModule({ declarations: ..., imports: ...,
exports: ..., providers: ..., bootstrap: ...})
class MyModule {}
-

Defines a module that contains components, directives, pipes, and providers.

+

Define un módulo que contiene componentes, directivas, tuberías y proveedores.

declarations: [MyRedComponent, MyBlueComponent, MyDatePipe] -

List of components, directives, and pipes that belong to this module.

+

Lista de componentes, directivas y tuberías que pertenecen a este módulo.

imports: [BrowserModule, SomeOtherModule] -

List of modules to import into this module. Everything from the imported modules -is available to declarations of this module.

+

Lista de módulos para importar en este módulo. Todo, desde los módulos importados, +está disponible para las declaraciones (declarations) de este módulo. exports: [MyRedComponent, MyDatePipe] -

List of components, directives, and pipes visible to modules that import this module.

+

Lista de componentes, directivas y tuberías visibles a los módulos que importan este módulo.

providers: [MyService, { provide: ... }] -

List of dependency injection providers visible both to the contents of this module and to importers of this module.

+

Lista de proveedores de inyección de dependencias visibles tanto para los contenidos de este módulo como para los importadores de este módulo.

entryComponents: [SomeComponent, OtherComponent] -

List of components not referenced in any reachable template, for example dynamically created from code.

+

Lista de componentes no referenciados en cualquier plantilla accesible, por ejemplo, creada dinámicamente a partir de código.

bootstrap: [MyAppComponent] -

List of components to bootstrap when this module is bootstrapped.

+

Lista de componentes a empaquetar cuando este módulo se inicia.

- + - - - - - - + + - - + - - - - - - -
Template syntaxSintaxis de plantilla
<input [value]="firstName">

Binds property value to the result of expression firstName.

+

Vincula la propiedad value al resultado de la expresión firstName.

<div [attr.role]="myAriaRole">

Binds attribute role to the result of expression myAriaRole.

+

Vincula el atributo role al resultado de la expresión myAriaRole.

<div [class.extra-sparkle]="isDelightful">

Binds the presence of the CSS class extra-sparkle on the element to the truthiness of the expression isDelightful.

+

Vincula la presencia de la clase CSS extra-sparkle sobre el elemento a la veracidad de la expresión isDelightful.

<div [style.width.px]="mySize">

Binds style property width to the result of expression mySize in pixels. Units are optional.

+

Vincula la propiedad de estilo width al resultado de la expresión mySize en píxeles. La unidad de medida es opcional.

<button (click)="readRainbow($event)">

Calls method readRainbow when a click event is triggered on this button element (or its children) and passes in the event object.

+

Llama al método readRainbow cuando se lanza un evento clic en este elemento botón (o sus hijos) y pasa por argumento el objeto evento.

<div title="Hello {{ponyName}}"><div title="Hola {{ponyName}}">

Vincula una propiedad a una cadena interpolada, por ejemplo, "Hola Seabiscuit". Equivalente a:

Binds a property to an interpolated string, for example, "Hello Seabiscuit". Equivalent to: -<div [title]="'Hello ' + ponyName">

+<div [title]="'Hola ' + ponyName">

<p>Hello {{ponyName}}</p>

Binds text content to an interpolated string, for example, "Hello Seabiscuit".

+
<p>Hola {{ponyName}}</p>

Vincula el contenido de texto a una cadena interpolada, por ejemplo, "Hola Seabiscuit".

<my-cmp [(title)]="name">

Sets up two-way data binding. Equivalent to: <my-cmp [title]="name" (titleChange)="name=$event">

+

Establece el two-way data binding. Equivalente a: <my-cmp [title]="name" (titleChange)="name=$event">

<video #movieplayer ...>
<button (click)="movieplayer.play()">
</video>

Creates a local variable movieplayer that provides access to the video element instance in data-binding and event-binding expressions in the current template.

+

Crea una variable local movieplayer que provee acceso a la instancia del elemento video en las expresiones de data-binding y event-binding de la actual plantilla.

<p *myUnless="myExpression">...</p>

The * symbol turns the current element into an embedded template. Equivalent to: +

El símbolo * convierte el elemento actual en una plantilla incrustada. Equivalente a: <ng-template [myUnless]="myExpression"><p>...</p></ng-template>

<p>Card No.: {{cardNumber | myCardNumberFormatter}}</p>

Transforms the current value of expression cardNumber via the pipe called myCardNumberFormatter.

+

Transforma el valor actual de la expresión cardNumber a través de la tubería myCardNumberFormatter.

<p>Employer: {{employer?.companyName}}</p>

The safe navigation operator (?) means that the employer field is optional and if undefined, the rest of the expression should be ignored.

+

El operador de navegación seguro (?) significa que el campo employer es opcional y que si es undefined, el resto de la expresión debería ser ignorado.

<svg:rect x="0" y="0" width="100" height="100"/>

An SVG snippet template needs an svg: prefix on its root element to disambiguate the SVG element from an HTML component.

+

Una plantilla de fragmento SVG necesita un prefijo svg: en su elemento raíz para distinguir el elemento SVG de un componente HTML.

<svg>
<rect x="0" y="0" width="100" height="100"/>
</svg>

An <svg> root element is detected as an SVG element automatically, without the prefix.

+

Un elemento raíz <svg> es detectado como un elemento SVG automáticamente, sin el prefijo.

- + - - - - -
Built-in directivesDirectivas incorporadas

import { CommonModule } from '@angular/common';

<section *ngIf="showSection">

Removes or recreates a portion of the DOM tree based on the showSection expression.

+

Elimina o recrea una parte del árbol DOM basado en la expresión showSection.

<li *ngFor="let item of list">

Turns the li element and its contents into a template, and uses that to instantiate a view for each item in list.

+

Convierte el elemento li y su contenido en una plantilla, y lo utiliza para crear una vista por cada elemento de la lista.

<div [ngSwitch]="conditionExpression">
<ng-template [ngSwitchCase]="case1Exp">...</ng-template>
<ng-template ngSwitchCase="case2LiteralString">...</ng-template>
<ng-template ngSwitchDefault>...</ng-template>
</div>

Conditionally swaps the contents of the div by selecting one of the embedded templates based on the current value of conditionExpression.

+

Intercambia condicionalmente el contenido del div seleccionando una de las plantillas incrustadas en función del valor actual de conditionExpression.

<div [ngClass]="{'active': isActive, 'disabled': isDisabled}">

Binds the presence of CSS classes on the element to the truthiness of the associated map values. The right-hand expression should return {class-name: true/false} map.

+

Vincula la presencia de clases CSS en el elemento a la veracidad de los valores de mapa asociados. La expresión de la derecha debería devolver el mapa {class-name: true/false}.

<div [ngStyle]="{'property': 'value'}">
<div [ngStyle]="dynamicStyles()">

Allows you to assign styles to an HTML element using CSS. You can use CSS directly, as in the first example, or you can call a method from the component.

+

Le permite asignar estilos a un elemento HTML usando CSS. Puede usar CSS directamente, como en el primer ejemplo, o puede llamar a un método desde el componente.

- + -
FormsFormularios

import { FormsModule } from '@angular/forms';

<input [(ngModel)]="userName">

Provides two-way data-binding, parsing, and validation for form controls.

+

Provee two-way data-binding, conversión y validación para controles de formulario.

- + - - - -
Class decoratorsDecoradores de clases

import { Directive, ... } from '@angular/core';

@Component({...})
class MyComponent() {}

Declares that a class is a component and provides metadata about the component.

+

Declara que una clase es un componente y proporciona metadatos sobre el componente.

@Directive({...})
class MyDirective() {}

Declares that a class is a directive and provides metadata about the directive.

+

Declara que una clase es una directiva y proporciona metadatos sobre la directiva.

@Pipe({...})
class MyPipe() {}

Declares that a class is a pipe and provides metadata about the pipe.

+

Declara que una clase es una tubería and y proporciona metadatos sobre la tubería.

@Injectable()
class MyService() {}

Declares that a class can be provided and injected by other classes. Without this decorator, the compiler won't generate enough metadata to allow the class to be created properly when it's injected somewhere.

+

Declara que una clase puede ser proporcionada e inyectada por otras clases. Sin este decorador, el compilador no generará suficientes metadatos para permitir que la clase se cree correctamente cuando se inyecta en alguna parte.

- + - -
Directive configurationConfiguración de Directiva

@Directive({ property1: value1, ... })

selector: '.cool-button:not(a)'

Specifies a CSS selector that identifies this directive within a template. Supported selectors include element, +

Especifica un selector CSS que identifica esta directiva dentro de una plantilla. Los selectores compatibles incluyen element, [attribute], .class, and :not().

-

Does not support parent-child relationship selectors.

+

No soporta selectores de relación padre-hijo.

providers: [MyService, { provide: ... }]

List of dependency injection providers for this directive and its children.

+

Lista de proveedores de inyección de dependencia para esta directiva y sus hijos.

- + - - - - + -
Component configurationConfiguración de Componente

-@Component extends @Directive, -so the @Directive configuration applies to components as well

+@Component extiende @Directive, +entonces la configuración de @Directive se aplica también a los componentes

moduleId: module.id

If set, the templateUrl and styleUrl are resolved relative to the component.

+

Si está presente, el templateUrl y styleUrl se resuelven en relación con el componente.

viewProviders: [MyService, { provide: ... }]

List of dependency injection providers scoped to this component's view.

+

Lista de proveedores de inyección de dependencias en la vista de este componente.

template: 'Hello {{name}}'
templateUrl: 'my-component.html'

Inline template or external template URL of the component's view.

+
template: 'Hola {{name}}'
templateUrl: 'my-component.html'

Plantilla en línea o URL de plantilla externa de la vista del componente.

styles: ['.primary {color: red}']
styleUrls: ['my-component.css']

List of inline CSS styles or external stylesheet URLs for styling the component’s view.

+

Lista de estilos CSS en línea o URL de hojas de estilo externas para estilar la vista del componente.

- + - - - - - - - -
Class field decorators for directives and componentsDecoradores para los campos de la clase para directivas y componentes.

import { Input, ... } from '@angular/core';

@Input() myProperty;

Declares an input property that you can update via property binding (example: +

Declara una propiedad de entrada (input) que puede actualizar mediante el enlace de propiedad (property binding) (ejemplo: <my-cmp [myProperty]="someExpression">).

@Output() myEvent = new EventEmitter();

Declares an output property that fires events that you can subscribe to with an event binding (example: <my-cmp (myEvent)="doSomething()">).

+

Declara una propiedad de salida (output) que dispara eventos a los que puede suscribirse con un enlace de evento (event binding) (ejemplo: <my-cmp (myEvent)="doSomething()">).

@HostBinding('class.valid') isValid;

Binds a host element property (here, the CSS class valid) to a directive/component property (isValid).

+

Vincula una propiedad del elemento anfitrión (aquí, la clase CSS valid) a una propiedad de directiva/componente (isValid).

@HostListener('click', ['$event']) onClick(e) {...}

Subscribes to a host element event (click) with a directive/component method (onClick), optionally passing an argument ($event).

+

Se suscribe a un evento del elemento anfitrión (click) con un método de directiva/componente (onClick), opcionalmente, pasando un argumento ($event).

@ContentChild(myPredicate) myChildComponent;

Binds the first result of the component content query (myPredicate) to a property (myChildComponent) of the class.

+

Vincula el primer resultado de la consulta de contenido del componente (myPredicate) a una propiedad (myChildComponent) de la clase.

@ContentChildren(myPredicate) myChildComponents;

Binds the results of the component content query (myPredicate) to a property (myChildComponents) of the class.

+

Vincula los resultados de la consulta de contenido del componente (myPredicate) a una propiedad (myChildComponents) de la clase.

@ViewChild(myPredicate) myChildComponent;

Binds the first result of the component view query (myPredicate) to a property (myChildComponent) of the class. Not available for directives.

+

Vincula el primer resultado de la consulta de vista del componente (myPredicate) a una propiedad (myChildComponent) de la clase. No disponible para directivas.

@ViewChildren(myPredicate) myChildComponents;

Binds the results of the component view query (myPredicate) to a property (myChildComponents) of the class. Not available for directives.

+

Vincula los resultados de la consulta de vista del componente (myPredicate) a una propiedad (myChildComponents) de la clase. No disponible para directivas.

- - + - - - - - - - - -
Directive and component change detection and lifecycle hooks

(implemented as class methods) + +

Detección de cambios (change detection) y ciclos de vida (lifecycle hooks) en directivas y componentes

(implementado como métodos de clase)

constructor(myService: MyService, ...) { ... }

Called before any other lifecycle hook. Use it to inject dependencies, but avoid any serious work here.

+

Se llama antes que cualquier ciclo de vida. Úselo para inyectar dependencias, pero evite cualquier trabajo serio aquí.

ngOnChanges(changeRecord) { ... }

Called after every change to input properties and before processing content or child views.

+

Se llama después de cada cambio en las propiedades de entrada (input) y antes de procesar contenido o vistas de hijos.

ngOnInit() { ... }

Called after the constructor, initializing input properties, and the first call to ngOnChanges.

+

Se llama después del constructor, inicializando propiedades de entrada (input), y la primera llamada a ngOnChanges.

ngDoCheck() { ... }

Called every time that the input properties of a component or a directive are checked. Use it to extend change detection by performing a custom check.

+

Se llama cada vez que se verifican las propiedades de entrada (input) de un componente o una directiva. Úselo para extender la detección de cambios (change detection) realizando una verificación personalizada.

ngAfterContentInit() { ... }

Called after ngOnInit when the component's or directive's content has been initialized.

+

Se llama después de ngOnInit cuando el contenido del componente o directiva ha sido inicializado.

ngAfterContentChecked() { ... }

Called after every check of the component's or directive's content.

+

Se llama después de cada verificación del contenido del componente o directiva.

ngAfterViewInit() { ... }

Called after ngAfterContentInit when the component's views and child views / the view that a directive is in has been initialized.

+

Se llama después de ngAfterContentInit cuando las vistas del componente y las vistas hijas / la vista en la que se encuentra una directiva ha sido inicializado.

ngAfterViewChecked() { ... }

Called after every check of the component's views and child views / the view that a directive is in.

+

Se llama después de cada verificación de las vistas del componentes y las vistas hijas / la vista en la que se encuentra una directiva.

ngOnDestroy() { ... }

Called once, before the instance is destroyed.

+

Se llama una vez, antes de que la instancia se destruya.

- + - - -
Dependency injection configurationConfiguración de inyección de dependencia
{ provide: MyService, useClass: MyMockService }

Sets or overrides the provider for MyService to the MyMockService class.

+

Establece o sobre-escribe el proveedor para MyService en la clase MyMockService.

{ provide: MyService, useFactory: myFactory }

Sets or overrides the provider for MyService to the myFactory factory function.

+

Establece o sobre-escribe el proveedor para MyService en la factoría de función myFactory.

{ provide: MyValue, useValue: 41 }

Sets or overrides the provider for MyValue to the value 41.

+

Establece o sobre-escribe el proveedor para MyValue al valor 41.

- + - - - - - - - - -
Routing and navigationEnrutamiento y navegación

import { Routes, RouterModule, ... } from '@angular/router';

const routes: Routes = [
{ path: '', component: HomeComponent },
{ path: 'path/:routeParam', component: MyComponent },
{ path: 'staticPath', component: ... },
{ path: '**', component: ... },
{ path: 'oldPath', redirectTo: '/staticPath' },
{ path: ..., component: ..., data: { message: 'Custom' } }
]);

const routing = RouterModule.forRoot(routes);

Configures routes for the application. Supports static, parameterized, redirect, and wildcard routes. Also supports custom route data and resolve.

+

Configura rutas para la aplicación. Soporta rutas estáticas, parametrizadas, de redireccionamiento y comodines. También soporta datos de ruta personalizados y los resuelve.


<router-outlet></router-outlet>
<router-outlet name="aux"></router-outlet>

Marks the location to load the component of the active route.

+

Marca la ubicación para cargar el componente de la ruta activa.


<a routerLink="/path">
<a [routerLink]="[ '/path', routeParam ]">
<a [routerLink]="[ '/path', { matrixParam: 'value' } ]">
<a [routerLink]="[ '/path' ]" [queryParams]="{ page: 1 }">
<a [routerLink]="[ '/path' ]" fragment="anchor">

Creates a link to a different view based on a route instruction consisting of a route path, required and optional parameters, query parameters, and a fragment. To navigate to a root route, use the / prefix; for a child route, use the ./prefix; for a sibling or parent, use the ../ prefix.

+

Crea un enlace a una vista diferente basada en una instrucción de ruta que consta de un camino de de ruta, parámetros obligatorios y opcionales, parámetros de consulta y un fragmento. Para navegar a un camino de ruta, usa el prefijo /; para una ruta hija, usa el prefijo ./; para un padre o hermano, usa el prefijo ../.

<a [routerLink]="[ '/path' ]" routerLinkActive="active">

The provided classes are added to the element when the routerLink becomes the current active route.

+

Las clases proporcionadas se agregan al elemento cuando el routerLink se convierte en la ruta activa actual.

class CanActivateGuard implements CanActivate {
canActivate(
route: ActivatedRouteSnapshot,
state: RouterStateSnapshot
): Observable<boolean|UrlTree>|Promise<boolean|UrlTree>|boolean|UrlTree { ... }
}

{ path: ..., canActivate: [CanActivateGuard] }

An interface for defining a class that the router should call first to determine if it should activate this component. Should return a boolean|UrlTree or an Observable/Promise that resolves to a boolean|UrlTree.

+

Una interfaz para definir una clase que el enrutador debe llamar primero para determinar si debe activar este componente. Debe devolver un boolean|UrlTree o un Observable/Promise que se resuelba en un boolean|UrlTree.

class CanDeactivateGuard implements CanDeactivate<T> {
canDeactivate(
component: T,
route: ActivatedRouteSnapshot,
state: RouterStateSnapshot
): Observable<boolean|UrlTree>|Promise<boolean|UrlTree>|boolean|UrlTree { ... }
}

{ path: ..., canDeactivate: [CanDeactivateGuard] }

An interface for defining a class that the router should call first to determine if it should deactivate this component after a navigation. Should return a boolean|UrlTree or an Observable/Promise that resolves to a boolean|UrlTree.

+

Una interfaz para definir una clase que el enrutador debería llamar primero para determinar si debería desactivar este componente después de una navegación. Debe devolver un boolean|UrlTree o un Observable/Promise que se resuelva a boolean|UrlTree.

class CanActivateChildGuard implements CanActivateChild {
canActivateChild(
route: ActivatedRouteSnapshot,
state: RouterStateSnapshot
): Observable<boolean|UrlTree>|Promise<boolean|UrlTree>|boolean|UrlTree { ... }
}

{ path: ..., canActivateChild: [CanActivateGuard],
children: ... }

An interface for defining a class that the router should call first to determine if it should activate the child route. Should return a boolean|UrlTree or an Observable/Promise that resolves to a boolean|UrlTree.

+

Una interfaz para definir una clase que el enrutador debe llamar primero para determinar si debe activar la ruta hija. Debe devolver un boolean|UrlTree o un Observable/Promise que se resuelva en un boolean|UrlTree.

class ResolveGuard implements Resolve<T> {
resolve(
route: ActivatedRouteSnapshot,
state: RouterStateSnapshot
): Observable<any>|Promise<any>|any { ... }
}

{ path: ..., resolve: [ResolveGuard] }

An interface for defining a class that the router should call first to resolve route data before rendering the route. Should return a value or an Observable/Promise that resolves to a value.

+

Una interfaz para definir una clase que el enrutador debe llamar primero para resolver los datos de la ruta antes de representar la ruta. Debe devolver un valor o un Observable/Promise que se resuelva en un valor.

class CanLoadGuard implements CanLoad {
canLoad(
route: Route
): Observable<boolean|UrlTree>|Promise<boolean|UrlTree>|boolean|UrlTree { ... }
}

{ path: ..., canLoad: [CanLoadGuard], loadChildren: ... }

An interface for defining a class that the router should call first to check if the lazy loaded module should be loaded. Should return a boolean|UrlTree or an Observable/Promise that resolves to a boolean|UrlTree.

+

Una interfaz para definir una clase a la que el enrutador debe llamar primero para verificar si el módulo perezoso cargado (lazy loaded module) debe cargarse. Debe devolver un boolean|UrlTree o un Observable/Promise que se resuelva en un boolean|UrlTree.

From f67774d84b9f406f055e6d46cdaa17995f497c40 Mon Sep 17 00:00:00 2001 From: Alejandro Lora Date: Mon, 27 Jul 2020 10:35:27 +0200 Subject: [PATCH 13/17] Update aio/content/guide/cheatsheet.md Co-authored-by: Pato <11162114+devpato@users.noreply.github.com> --- aio/content/guide/cheatsheet.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/aio/content/guide/cheatsheet.md b/aio/content/guide/cheatsheet.md index 87e57d4e5f..82c44673c0 100644 --- a/aio/content/guide/cheatsheet.md +++ b/aio/content/guide/cheatsheet.md @@ -146,7 +146,7 @@ está disponible para las declaraciones (declarations) de este mód <div [ngStyle]="{'property': 'value'}">
<div [ngStyle]="dynamicStyles()"> -

Le permite asignar estilos a un elemento HTML usando CSS. Puede usar CSS directamente, como en el primer ejemplo, o puede llamar a un método desde el componente.

+

Te permite asignar estilos a un elemento HTML usando CSS. Puedes usar CSS directamente, como en el primer ejemplo, o puedes llamar a un método desde el componente.

From 0d1491b1a66c2aa5517a11466938531e4e503c86 Mon Sep 17 00:00:00 2001 From: Alejandro Date: Mon, 27 Jul 2020 10:36:24 +0200 Subject: [PATCH 14/17] docs: implement feedback PR --- aio/content/guide/cheatsheet.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/aio/content/guide/cheatsheet.md b/aio/content/guide/cheatsheet.md index 82c44673c0..cd63ded658 100644 --- a/aio/content/guide/cheatsheet.md +++ b/aio/content/guide/cheatsheet.md @@ -24,11 +24,11 @@ @NgModule({ declarations: ..., imports: ...,
exports: ..., providers: ..., bootstrap: ...})
class MyModule {}
-

Define un módulo que contiene componentes, directivas, tuberías y proveedores.

+

Define un módulo que contiene componentes, directivas, pipes y proveedores.

declarations: [MyRedComponent, MyBlueComponent, MyDatePipe] -

Lista de componentes, directivas y tuberías que pertenecen a este módulo.

+

Lista de componentes, directivas y pipes que pertenecen a este módulo.

imports: [BrowserModule, SomeOtherModule] @@ -37,7 +37,7 @@ está disponible para las declaraciones (declarations) de este mód exports: [MyRedComponent, MyDatePipe] -

Lista de componentes, directivas y tuberías visibles a los módulos que importan este módulo.

+

Lista de componentes, directivas y pipes visibles a los módulos que importan este módulo.

providers: [MyService, { provide: ... }] @@ -76,7 +76,7 @@ está disponible para las declaraciones (declarations) de este mód <button (click)="readRainbow($event)"> -

Llama al método readRainbow cuando se lanza un evento clic en este elemento botón (o sus hijos) y pasa por argumento el objeto evento.

+

Llama al método readRainbow cuando se lanza un evento click en este elemento botón (o sus hijos) y pasa por argumento el objeto evento.

<div title="Hola {{ponyName}}"> @@ -103,7 +103,7 @@ está disponible para las declaraciones (declarations) de este mód <p>Card No.: {{cardNumber | myCardNumberFormatter}}</p> -

Transforma el valor actual de la expresión cardNumber a través de la tubería myCardNumberFormatter.

+

Transforma el valor actual de la expresión cardNumber a través de la pipe myCardNumberFormatter.

<p>Employer: {{employer?.companyName}}</p> @@ -182,7 +182,7 @@ está disponible para las declaraciones (declarations) de este mód @Pipe({...})
class MyPipe() {}
-

Declara que una clase es una tubería and y proporciona metadatos sobre la tubería.

+

Declara que una clase es una pipe y proporciona metadatos sobre la pipe.

@Injectable()
class MyService() {}
From cd1817bf6d55a8aad5c885e0e547634c70baddc3 Mon Sep 17 00:00:00 2001 From: Alejandro Lora Date: Mon, 27 Jul 2020 10:37:23 +0200 Subject: [PATCH 15/17] Update aio/content/guide/cheatsheet.md Co-authored-by: Pato <11162114+devpato@users.noreply.github.com> --- aio/content/guide/cheatsheet.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/aio/content/guide/cheatsheet.md b/aio/content/guide/cheatsheet.md index cd63ded658..6ba93b31b3 100644 --- a/aio/content/guide/cheatsheet.md +++ b/aio/content/guide/cheatsheet.md @@ -252,7 +252,7 @@ entonces la configuración de @Directive se aplica también a los c @Output() myEvent = new EventEmitter(); -

Declara una propiedad de salida (output) que dispara eventos a los que puede suscribirse con un enlace de evento (event binding) (ejemplo: <my-cmp (myEvent)="doSomething()">).

+

Declara una propiedad de salida (output) que dispara eventos a los que puedes suscribirse con un enlace de evento (event binding) (ejemplo: <my-cmp (myEvent)="doSomething()">).

@HostBinding('class.valid') isValid; From d133525502a4b38eeb91c20a182a695be853be38 Mon Sep 17 00:00:00 2001 From: Alejandro Date: Tue, 28 Jul 2020 23:56:53 +0200 Subject: [PATCH 16/17] docs: update typo for bootstraping word --- aio/content/guide/cheatsheet.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/aio/content/guide/cheatsheet.md b/aio/content/guide/cheatsheet.md index 6ba93b31b3..58935f2883 100644 --- a/aio/content/guide/cheatsheet.md +++ b/aio/content/guide/cheatsheet.md @@ -10,7 +10,7 @@ platformBrowserDynamic().bootstrapModule(AppModule); -

Empaqueta la app, usando el componente raíz del NgModule especificado.

+

Carga la app, usando el componente raíz del NgModule especificado.

From 92c7145139fd6e236df20a9bed8b539b60135d59 Mon Sep 17 00:00:00 2001 From: Pato <11162114+devpato@users.noreply.github.com> Date: Thu, 30 Jul 2020 03:57:48 -0400 Subject: [PATCH 17/17] fix(pr): template (#47) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Alejandro Lora Co-authored-by: Andrés Villanueva Co-authored-by: Michael Prentice --- .github/PULL_REQUEST_TEMPLATE.md | 62 ++++++++++++++------------------ 1 file changed, 27 insertions(+), 35 deletions(-) diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md index ffec1591b6..4cccd14f4d 100644 --- a/.github/PULL_REQUEST_TEMPLATE.md +++ b/.github/PULL_REQUEST_TEMPLATE.md @@ -1,43 +1,35 @@ -## PR Checklist -Please check if your PR fulfills the following requirements: +## Lista de Verificación del PR +Comprueba si tu PR cumple los siguientes requisitos: -- [ ] The commit message follows our guidelines: https://github.com/angular/angular/blob/master/CONTRIBUTING.md#commit -- [ ] Tests for the changes have been added (for bug fixes / features) -- [ ] Docs have been added / updated (for bug fixes / features) +- [ ] El mensaje de commit conforme con [nuestras reglas](https://github.com/angular/angular/blob/master/CONTRIBUTING.md#commit) +- [ ] Prueba los cambios que agregaste (arreglo de bugs / funcionalidades) +- [ ] Revisa tus traducciones o cambios de contenido +- [ ] Consulté el [diccionario de términos](https://github.com/angular-hispano/angular/issues/9) en español +- [ ] Se han creado dos archivos con la extensión correspondiente(.en.md para el archivo en inglés y .md para el Archivo en español) +- [ ] PR enlazada con el issue correspondiente -## PR Type -What kind of change does this PR introduce? +## Tipo de PR +¿Qué tipo de cambio introduce este PR? - + - [ ] Bugfix -- [ ] Feature -- [ ] Code style update (formatting, local variables) -- [ ] Refactoring (no functional changes, no api changes) -- [ ] Build related changes -- [ ] CI related changes -- [ ] Documentation content changes -- [ ] angular.io application / infrastructure changes -- [ ] Other... Please describe: +- [ ] Funcionalidad +- [ ] Actualizar el estilo del código (formato, variables locales) +- [ ] Refactorización (no cambios en la funcionalidad, no cambios en el api) +- [ ] Cambios relacionados al build +- [ ] Cambios relacionados al CI (Integración continua) +- [ ] Cambios en el contenido de la documentación +- [ ] Cambios en la aplicación / infrastructura de angular.io +- [ ] Otro... Por favor describela: + +## ¿Cuál es el comportamiento actual? + -## What is the current behavior? - - -Issue Number: N/A - - -## What is the new behavior? - - -## Does this PR introduce a breaking change? - -- [ ] Yes -- [ ] No - - - - - -## Other information +## ¿Cuál es el nuevo comportamiento? +