Tag

Material Design

Browsing

Los <mat-button-toggle> se pueden activar y desactivar y tienen la apariencia de un botón. Estos pueden ser configurados para que se comporten como botones de selección o como checkbox. Veamos los pasos para crear estos botones. PASO 1 procedemos a crear un proyecto nuevo de angular y le instalamos material design , puedes seguir estos tutoriales para agregarlo Configura Angular Material de manera sencilla usando un instalador ó Incluir Angular Material en tus proyectos una…

Buenas tardes, he estado desarrollando una funcionalidad que no traen las tablas de material angular por defecto, un cliente me solicitó poder cambiarle el nombre a las columnas de la tabla, así como poder organizarlas de un lado al otro y poder mostrarlas y ocultarlas dependiendo de sus necesidades. He creado una tabla usando el material design para angular ,  así como funcionalidades como el drag and drop del CDK. El proceso de creación  ha…

Continuamos con la serie de tutoriales de angular material, en esta oportunidad les traigo como crear tabs para organizar el contenido de su aplicación Web. Los pasos son muy sencillos , lo primero que debemos hacer es seguir el tutorial de como integrar angular material a nuestros proyectos, el cual lo puedes leer aquí. Empezamos creando nuestra app : Una vez tengamos nuestro proyecto creado y  hayamos instalado angular material  , procedemos a incluir…

Como sabemos, en Angular se usan mucho los observables, dada su utilidad y versatilidad, aunque hemos de admitir que no es una tarea sencilla de aprender inicialmente. Tener una aplicación con un alto consumo de memoria es uno de los peores problemas que se puede tener. Es difícil de encontrar, difícil de depurar y, a menudo, difícil de resolver.     Desafortunadamente, este problema ocurre en todos los lenguajes de programación incluyendo Angular. Los observables son impresionantes,…

En esta ocasión les traigo como construir un paso a paso (MatStepper) para nuestros proyectos usando la librería angular material. El paso a paso de Angular Material(MatStepper) proporciona un flujo de trabajo similar al de un instalador, al dividir el contenido en pasos lógicos. Bien vamos a crear nuestro primer paso a paso: 1. Procedemos a crear nuestra aplicacion de ejemplo: Una vez creado nuestro proyecto procedemos a abrirlo usando nuestro editor de código de…

Seguimos con nuestra serie de tutoriales basados en material angular  (diseñado  por el equipo de angular ) esta vez explicaremos como crear una barra de herramientas para nuestra web ó aplicación desarrollada con angular de google. Pues bien lo primero que hacemos será crear nuestro proyecto usando el CLI de angular: una vez tengamos nuestro proyecto angular procedemos a instalar angular material siguiendo este tutorial Incluir Angular Material en tus proyectos. Una vez tengamos Angular…