AngularJS es perfecto para aplicaciones de una sola página ¿cuál es el significado?

AngularJS es perfecto para aplicaciones de una sola página (SPA). Soy nuevo en angularjs y esta es la primera afirmación que encontré. ¿Qué significa esto?

SPA es una aplicación de una sola página en la que el browser carga la página completa una vez y actualiza parte (s) de la página en function de la request del usuario durante la interacción.

Ahora miraremos Ventajas AngularJS,

Enlace de datos bidireccional: cuando se cambian los datos, la vista se actualiza automáticamente, lo que significa que no es necesario volver a cargar la página completa.

Controladores: puede limitar su lógica solo a una parte particular de la vista usando controlleres. Lo que hace que el scope de la vista se refiera solo a un controller en particular. Esta es una manera shiny de controlar SPA.

Servicios: estos son objects únicos que se instancian solo una vez cuando se carga la aplicación.

Directivas: las directivas son widgets personalizados. Los creamos una vez y los usamos donde que necesitamos.

Enrutamiento: cambio de vistas según la request del usuario.

Inyección de Dependencia: AngularJS tiene una dependency injection integrada. Solo necesitas decir lo que necesitas y angular te lo arreglará. Un ejemplo simple es cuando necesita funcionalidades severas en su Controlador, luego solo inserte su service en su controller y proceda con la lógica comercial.

MVC: Usando AngularJS podemos tener architecture Model, View, Controller en el lado del cliente.

y muchos más.

Estas son algunas de las razones por las que AngularJS es perfecto para aplicaciones de una sola página.

Consulte este maravilloso video para get más detalles sobre SPA y AngularJS.

Técnicamente, SPA significa que la página no se recarga en ningún punto del process, ni controla la transferencia a otra página.

Usando la estructura MVC de JS angular puede desarrollar su aplicación de tal manera que se comporte como un SPA.

Es decir, cuando desee crear un website que contenga solo una página (lo llamamos página de préstamo), angular-JS funciona bien. Por ejemplo, descargue cualquier editor web (recomiendo IUEditor), cree el marco 'angular-js' y compilelo. Que se generará el website angular-js, y puede usarlo. Ese es el significado.

Una aplicación de una sola página es un estilo de desarrollo web donde el desarrollador carga solo una página al principio. Eso es.

Ahora que sabemos que nuestra aplicación es solo una página, ¿cómo podríamos tener todo el dinamismo de una aplicación? Ahí es donde entran frameworks como Angular.

Tome el siguiente ejemplo como ejemplo: tenemos una aplicación que actualiza mágicamente el text de saludo en function de la input del usuario (el DOM está siendo modificado)

Para resumir, el siguiente ejemplo es una aplicación de una sola página:

  • Toma alguna input del usuario
  • Hace algo y vuelve a renderizar el DOM
  • Todo en una sola página

Ejemplos más complicados usarían controlleres, y tal. Realmente te recomiendo que pases time con un tutorial, como el que se encuentra en http://www.freecodecamp.com/map#angularjs

<!doctype html> <html ng-app> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> </head> <body> <div> <label>Name:</label> <input type="text" ng-model="yourName" placeholder="Enter a name here"> <hr> <h1>Hello {{yourName}}!</h1> </div> </body> </html>