Así que recientemente comencé a usar Angular 2 y me di cuenta de que hay muchos marcos de diseño de materiales diferentes y estoy tratando de entender las diferencias.
Así que comencé a usar Angular Material 2 y descubrí que faltaban la documentación y las funciones porque el proyecto aún está en versión beta. Angular Material 1 parece estar completamente operativo y lo están reescribiendo para que sea compatible con Angular 2.
Así que me pregunto qué hace que Material esté tan estrechamente acoplado con Angular que requiera una reescritura completa. Hubiera pensado que, en el fondo, Angular Material es similar a marcos como Bootstrap, donde solo hay un montón de archivos Javascript y CSS que le dan estilo al HTML de cierta manera. Angular Material lo facilita al permitirle usar sus directivas integradas en lugar de tener que escribir el HTML que hace referencia a las clases correctas, etc.
Dado que Angular y Angular 2 al final del día solo están escupiendo HTML, ¿no podrías básicamente mantener todo el código CSS y javascript subyacente? Entonces, ¿todo lo que necesita hacer es escribir directivas Angular 2 para los controles? He estado usando Material Design Lite y hay un paquete npm llamado angular-mdl que básicamente solo hace la directiva. ¿Cómo funciona exactamente Angular Material detrás de escena?
En primer lugar, aclaremos algo de terminología aquí. ¡Creo que Google anunció que ya no hay Angular 2, ya que ahora es Angular 4!
Aquí, oficialmente, estoy usando AngularJS (1.x) y Angular (One framework).
Angular está completamente reescrito y ya no tiene nada que ver con AngularJS. Es por eso que Angular Material tiene que ser reescrito.
Ya hay mucha discusión aquí: Angular vs Angular 2 .
Aquí hay una guía oficial sobre cómo actualizar su aplicación desde AngularJS: https://angular.io/docs/ts/latest/guide/upgrade.html
Angular Material en realidad es un conjunto de componentes Angular, puede estudiar su código fuente aquí: https://github.com/angular/material2
En realidad, Google tiene otro proyecto de concepto de componente web: Polymer . Eso se enfoca en el componente web que refresca su conocimiento de la web. Creo que no es totalmente compatible con todos los navegadores.
En general, Angular tiene un ecosistema poderoso y conjuntos de herramientas para ayudarlo a construir cualquier aplicación web de pequeña a gran escala. Hace que Javascript sea fácil de codificar, mantener y probar.
Dado que Angular y Angular 2 al final del día solo están escupiendo HTML, ¿no podrías básicamente mantener todo el código CSS y javascript subyacente?
Angular tiene su propia "sintaxis" para vincular la vista al modelo. Esta sintaxis es completamente diferente entre Angular y Angularjs.
HTML y CSS se dividen en componentes para crear bloques de construcción reutilizables.
Las diferencias entre Angular y Angularjs también dan como resultado que los componentes (y también las directivas y las tuberías) se estructuran de manera bastante diferente entre estos marcos, que también requerían que HTML, CSS y código se estructuraran de manera diferente.
También las animaciones funcionan completamente diferente.
Usuarios angulares TypeScript (al menos es la variante angular más utilizada) que permite escribir código más expresivo. Esto también requiere un código bastante diferente para utilizar toda la potencia de Angulars.
El resto son toneladas de detalles que difieren.
Supongo que reutilizaron muchos de los conocimientos adquiridos cuando reconstruyeron los componentes de Material ;-)