¿Cuál es la diferencia entre angluar js 1. series y angular 2.0?

IU basada en componentes

Angular está adoptando una interfaz de usuario basada en componentes, un concepto que podría ser familiar para los desarrolladores de React. En sentido, los controladores y directivas Angular 1.x se difuminan en el nuevo componente Angular 2. Esto significa que en Angular 2 no hay controladores ni directivas. En cambio, un componente tiene un selector que corresponde a la etiqueta html que representará el componente y una @View para especificar una plantilla HTML para que el componente se complete.

Los siguientes ejemplos utilizan TypeScript, un superconjunto de los estándares ES6 javascript. Angular 2 se está desarrollando actualmente en TypeScript, pero será compatible con los estándares ES5 y ES6javascript.

Angular 1.x:

angular.module (‘ejemplo’)

.controller (‘ExampleCtrl’, function () {

});

Angular 2.0:

importar {Componente, Vista} desde ‘angular2 / angular2’;

@Componente({

selector: ‘ejemplo’

})

@Ver({

templateUrl: ‘./ components / example / example.html’

})

clase de exportación Ejemplo {}

Entrada del usuario con la sintaxis del evento

Las aplicaciones angulares ahora responden a la entrada del usuario utilizando la sintaxis del evento. La sintaxis del evento se denota mediante una acción rodeada por paréntesis (evento). También puede hacer que las referencias de elementos estén disponibles para otras partes de la plantilla como una variable local utilizando #varsyntax.

Angular 1.x:

Angular 2.0:

Adiós $ alcance

Si bien ‘$ scope’ ha sido reemplazado por “controller as” como una práctica recomendada desde Angular 1.2, todavía se incluye en muchos tutoriales. Angular 2 finalmente lo elimina, ya que las propiedades se unen a los componentes.

Angular 1.x:

angular.module (‘ejemplo’)

.controller (‘ExampleCtrl’, función ($ scope) {

$ http: //scope.name= “John Smith”;

});

Angular 2.0:

@Componente({

selector: ‘ejemplo’

})

@Ver({

templateUrl: ‘./ components / example / example.html’

})

Ejemplo de exportclass {

constructor(){

http: //this.name= “John Smith”;

}

}

Mejor presentación

Con detección de cambios ultrarrápida y estructuras de datos inmutables, Angular 2 promete ser más rápido y más eficiente en memoria. Además, la introducción del flujo de datos unidireccional, popularizado por Flux, ayuda a aliviar parte de la preocupación en la depuración de problemas de rendimiento con una aplicación angular. Esto también significa que ya no hay enlace de datos bidireccional, que era una característica popular en Angular 1.x. No se preocupe, aunque ng-model ya no existe, el mismo concepto puede resolverse de manera similar con Angular 2.

AngularJS 1.0 Vs AngularJS 2.0 – Soluciones Techtic

Techtic Solutions preparó infografías de diferencia entre AngularJS 1.0 y AngularJS 2.0

Espero que esta infografía te ayude a comprender la diferencia básica entre AngularJS 1.0 y AngularJS 2.

Si desea diseñar y desarrollar un sitio web en tecnología AngularJS, entonces Techtic Solutions proporciona servicios de desarrollo AngulargJS para su negocio. Para obtener más información sobre el desarrollo de AngulargJS, contáctenos al +1 201-793-8324 o OBTENGA UNA COTIZACIÓN GRATUITA

1. Angular 1 es que las aplicaciones se escriben en JavaScript, mientras que las aplicaciones de Angular 2 se escriben principalmente en TypeScript.
2. Modelo de inyección de dependencia mejorado en Angular 2.
3. todo es componentes en Angular 2.
4. puede leer más aquí Angular 2 vs. Angular 1: diferencias clave – DZone Web Dev