Con el lanzamiento de AngularJs 1.4, puede disfrutar de un rendimiento mejorado con características mucho más mejoradas. Se centra principalmente en.
- Animación: en Angular JS 1.4, la fusión de animaciones CSS y JS se hace más flexible.
- Rendimiento: implementa una reescritura del analizador de expresiones angulares y mejoras en la observación del alcance, el compilador y el atributo ngOptions.
¿Qué ha cambiado en AngularJS 1.4?
Animación (ngAnimate)
- ¿Existe una aplicación web que le permita administrar sus cuentas en varios sitios? Tengo varias cuentas de Twitter y Facebook para diferentes propósitos. ¿Existe una aplicación que me permita hacer un seguimiento de ellos?
- ¿Cómo se usa Python para crear sitios web?
- ¿Cuáles son las ventajas de hacer desarrollo web con Haskell (por ejemplo, usar Snap Framework) en comparación con alternativas más establecidas?
- ¿Cuál es la mejor empresa de aplicaciones web en Delhi?
- ¿Puede sugerir una aplicación de tareas con versiones de sincronización web y de aplicación y alarmas de notificación?
Las animaciones en 1.4 se han refactorizado internamente, pero la API se ha mantenido igual.
$ animateCss
En versiones anteriores de ngAnimate, las animaciones CSS y JS se ejecutarían juntas cuando se detectaran múltiples anotaciones. Esta característica se ha eliminado y el mismo efecto se logra inyectando $ animateCss.
$ animate.on
Las devoluciones de llamada relacionadas con la animación ahora están en $ animate.on
// <1.4
element.on (‘$ animate: before’, function (e, data) {
if (data.event === ‘enter’) {…}
});
element.off (‘$ animate: before’, fn);
// 1.4+
$ animate.on (elemento, ‘enter’, función (datos) {
// …
});
$ animate.off (elemento, ‘enter’, fn);
$ animate.enabled ()
Los parámetros de la función para $ animate.enabled () cuando se usa un elemento ahora se invierten. Esta solución permite que la función actúe como un captador.
// <1.4
$ animate.enabled (falso, elemento);
// 1.4+
$ animate.enabled (elemento, falso);
$ scope.apply /$scope.digest
No es necesario llamar a esto devolución de llamada de promesa de animación interna ya que la promesa se resuelve automáticamente dentro de un resumen.
// <1.4
$ animate.enter (element) .then (function () {
$ scope. $ apply (function () {
$ scope.explode = true;
});
});
// 1.4+
$ animate.enter (element) .then (function () {
$ scope.explode = true;
});
Formas
ngMessages
~ La directiva ngMessages admite ng-message-exp en Angular 1.4.
El atributo ~ ng-messages-include no se puede usar en el mismo elemento que contiene la directiva ngMessages.
ngOptions
La directiva ngOptions también se ha refactorizado y, como resultado, se han solucionado algunos errores antiguos.
Seleccionar
En Angular 1.4.x se seleccionará la opción desconocida. Para remediar esto, puede simplemente inicializar el modelo como una cadena. Para esto, simplemente puede inicializar el modelo como una cadena o como un número. Si desea mantener el modelo como un número, puede hacer la conversión a través de $ formateadores o $ analizadores en ngModel.
ngModelCtrl. $ parsers.push (función (valor) {
return parseInt (valor, 10); // Convertir el valor de la opción en número
});
ngModelCtrl. $ formatters.push (función (valor) {
return value.toString (); // Convertir valor de alcance a cadena
});
Templar
ngRepeat
La clasificación alfabética se puede eliminar de esta versión. Ahora se mantiene en el orden en que fueron devueltos por el navegador al ejecutar la clave en myObj.
ngCookies
$ cookies ya no expone propiedades que representan los valores actuales de cookies del navegador. La nueva API en $ cookies es la siguiente:
~ obtener
~ poner
~ getObject
~ putObject
~ getAll
angular.module (‘cookiesExample’, [‘ngCookies’])
.controller (‘ExampleController’, [‘$ cookies’, function ($ cookies) {
// Recuperando una cookie
var favoriteCookie = $ cookies.get (‘myFavorite’);
// Configurar una cookie
$ cookies.put (‘myFavorite’, ‘avena’);
}]);
Solicitudes de servicio ($ http)
Debido a 5da1256, las funciones transformRequest ya no pueden modificar los encabezados de solicitud. Antes de que esta confirmación pudiera modificar los encabezados de solicitud, por ejemplo:
función requestTransform (datos, encabezados) {
encabezados = angular.extend (encabezados (), {
‘X-MY_HEADER’: ‘abcd’
});
}
retorno angular.toJson (datos);
}
¿Necesitas ayuda?
Somos Perfomatix Nos especializamos en la creación de API y aplicaciones móviles altamente escalables y también tenemos una gran experiencia en aplicaciones de IoT , aplicaciones de realidad virtual y aplicaciones de realidad aumentada . Póngase en contacto con nosotros para descubrir cómo podemos ayudarlo a configurar su idea disruptiva en un prototipo, MVP y finalmente en un producto asesino. Visite nuestra sección de historias de éxito para obtener más información sobre algunas de las nuevas empresas que lo hicieron grande con nosotros. Desea que creemos su próxima aplicación.
Haga un contacto rápido con nuestros expertos aquí. [1]
Notas al pie
[1] ISO 9001: 2015 Empresa de desarrollo de aplicaciones certificada | Perfomatix