Estas lecciones presentan las tuberías comunes que se utilizan para dar formato a los datos para su visualización en una aplicación.
Estas lecciones presentan las tuberías comunes que se utilizan para dar formato a los datos para su visualización en una aplicación. Aprenderá a usar las diferentes directivas estructurales y de atributos proporcionadas por Angular. También aprenderá a configurar el enrutamiento en una aplicación y a definir una ruta simple, así como una ruta comodín.
Objetivos de aprendizaje:
- Obtener un conocimiento práctico de las tuberías en Angular
- Aprender a dar formato a los datos para su visualización
Habilidades que obtendrás
Angular (marco web)Componentes AngularMaterial AngularUI AngularCanalizaciones de datosTuberías de procesosLo que aprenderás
- Utilizar tuberías comunes de Angular para dar formato a los datos para su visualización en una aplicación
- Aplicar directivas estructurales y de atributo de Angular, incluyendo ngIf, ngFor, ngClass, ngStyle y ngModel
- Distinguir entre los diferentes tipos de directivas que proporciona Angular
- Configurar el enrutamiento en una aplicación de Angular
- Definir una ruta básica simple y una ruta comodín
Puntos clave
- Angular proporciona tuberías comunes utilizadas para dar formato a los datos para su visualización en una aplicación.
- Angular ofrece diferentes directivas estructurales y de atributo, como ngIf, ngFor, ngClass, ngStyle y ngModel.
- El enrutamiento se puede configurar en una aplicación de Angular para definir tanto rutas básicas como rutas comodín.
Preguntas frecuentes
¿Qué cubre este curso?
Cubre las tuberías comunes utilizadas para dar formato a los datos para su visualización, las directivas estructurales y de atributo proporcionadas por Angular, y cómo configurar el enrutamiento, incluyendo la definición de una ruta simple y una ruta comodín.
¿Qué aprenderé sobre tuberías?
Obtendrá un conocimiento práctico de las tuberías en Angular y aprenderá cómo utilizarlas para dar formato a los datos para su visualización en una aplicación.
¿Qué directivas de Angular se enseñan en este curso?
El curso cubre tipos de directivas y directivas específicas incluyendo ngIf, ngFor, ngClass, ngStyle y ngModel.
¿Qué temas de enrutamiento se incluyen?
El curso introduce el enrutamiento y muestra cómo configurar el enrutamiento en una aplicación, definir una ruta básica simple y definir una ruta comodín.
¿Qué habilidades ayuda a desarrollar este curso?
Ayuda a desarrollar habilidades en Angular (Marco de Trabajo Web), Componentes de Angular, Angular Material, Interfaz de Usuario de Angular, Tuberías de Datos y Tuberías de Procesos.
Transcripción
Transcripción
Esta lección presentará las tuberías angulares y cómo usarlos en sus plantillas de componentes. Las tuberías son funciones que se utilizan en las plantillas angulares. para transformar los datos en un formato diferente para la vista, como cambiar una cadena a mayúsculas y minúsculas, o mostrar una fecha en un formato específico. Angular proporciona tuberías integradas que cubren las transformaciones de datos estándar, y estas tuberías están disponibles para su uso a lo largo de su aplicación. La sintaxis es usar el operador de tubería y un par de llaves. A la izquierda está la entrada para la tubería, ya la derecha está el nombre de la tubería. Entonces en la clase voy a crear una cadena. Y luego en la plantilla puedes usar la tubería en mayúsculas o la tubería en minúsculas, que convertirá la cadena a mayúsculas o minúsculas. Y luego ver eso en el navegador. Y aquí puedes ver que la cuerda fue alterada para mostrar en mayúsculas o minúsculas. Algunas tuberías también toman parámetros. La barra de fecha tiene muchos formatos diferentes. para mostrar objetos de fecha angular. Primero voy a crear un objeto de fecha en la clase. La barra de fecha tiene muchos formatos diferentes. para mostrar objetos de fecha angular. Hay opciones predefinidas, como fecha corta y fecha completa. Hay algunas opciones predefinidas para la fecha, como fecha corta y fecha completa como puede ver aquí, o puede personalizar el formato de fecha. Esto mostrará la fecha con dos dígitos. para el mes y el día, y cuatro para el año, que, al abrir el navegador, puede ver aquí. La tubería de moneda también toma parámetros. Utilizará su información local como predeterminada, o puede especificar cuál mostrar. En la clase voy a fijar una cantidad. Y luego usa la tubería en la plantilla. Y aquí puede especificar un tipo de moneda. Angular también proporciona otras tuberías integradas. Para ver esos, u obtenga más información sobre cualquiera de los parámetros opcionales, puedes consultar la API de Angular en angular.io. Eso es todo por esta lección sobre tuberías angulares. En la siguiente lección, presentaremos las directivas angulares.
Aprende sobre la marcha
Lleva tu aprendizaje a todas partes: la app de KnowledgeCity te permite ver las lecciones sobre la marcha.