Angular 6 y sus nuevas funciones, explicadas en tres minutos

Angular ha presentado algunas características nuevas sorprendentes en la versión 6.0.0, especialmente en Angular-cli. Ahora, con Angular 6, puede actualizar fácilmente sus paquetes antiguos, crear elementos web nativos usando Angular Elements y muchas otras cosas. ¡Vamos a ver!

ng agregar

ng addes un nuevo comando en Angular-cli que le ayuda a instalar y descargar nuevos paquetes en sus aplicaciones angulares. Funciona igual que npm, pero no lo reemplaza.

ng actualización

ng updatetambién es un nuevo comando Angular-cli. Se usa para actualizar y actualizar sus paquetes. Es realmente útil, por ejemplo, cuando desea actualizar de Angular 5 a Angular 6, o cualquier otro paquete en su aplicación Angular.

Declarar a los proveedores dentro del propio servicio

Antes de esta actualización, tenía que declarar la matriz de proveedores en app.module.ts

Ahora con Angular 6, puede brindar su servicio dentro del propio supervisor colocando la providedIn:rootpropiedad dentro del " @injectable" decorador.

Utilice ng-template en lugar de la directiva de plantilla

Puede usar ng-templatepara representar el HTML en lugar de la templateetiqueta en la nueva versión de Angular. ng-templatees un elemento angular y funciona cuando se usa con una directiva estructural como *ngFory*ngIf

Elementos angulares

Angular 6 nos presentó los elementos angulares. Puede representar sus elementos angulares como elementos web nativos y se interpretan como elementos HTML confiables.

Puede agregar elementos angulares ejecutando el siguiente comando:

Importe createCustomElementen su componente.

¡Entonces crea tu elemento personalizado!

MyElemComponent.ts

El resultado:

Nota: debe implementar el DomSanitizermétodo de @angular/platform-browserpara convertir su elemento personalizado en una etiqueta HTML confiable.

Puede obtener más información sobre los elementos angulares aquí

Actualización a RxJS 6.0.0

Angular 6 usa la última versión de la biblioteca Rxjs. Ahora puede disfrutar de las funciones más nuevas de RxJS 6 en su aplicación Angular :)

Terminando

Angular en sí no tiene muchos cambios innovadores en el núcleo de Angular, pero Angular-cli es realmente emocionante. El equipo de Angular se está enfocando más en el rendimiento, construyendo PWA fácilmente, proporcionando un buen entorno para trabajar en el que trabajar con Angular de una manera fácil.

Puedes encontrarme en Twitter.

Por cierto, recientemente trabajé con un grupo sólido de ingenieros de software para una de mis aplicaciones móviles. La organización fue excelente y el producto se entregó muy rápido, mucho más rápido que otras empresas y autónomos con los que he trabajado, y creo que puedo recomendarlos honestamente para otros proyectos. Envíeme un correo electrónico si desea ponerse en contacto: [email protected]