angularjs-logo

AngularJS soporta Aplicaciones Web de una sola pagina gracias al uso múltiple de vista. Para lograr este objetivo se usar la directiva ng-view y ng-template y el servicio $routeProvider.

ng-view

Es un elemento que se dispone para insertar la vista ya sea un html o un elemento de tipo ng-template. La configuración se hace desde el controlador.

[gist]229013de3fe66d72c3a5[/gist]

ng-template

Esta directiva se usa para crear un HTML. Es contenido por medio de un “id”, el cual es utilizado por el servicio $routeProvider y la acción la realiza el controlador.

[gist]a3460d6ed94e1022f864[/gist]

$routeProvider

Este servicio configura la urls de la aplicación. Cuando se ingresa una url parametrizada, este envía el html correspondiente definido con ng-template y lo fila en el elemento ng-view.

Ejemplo Completo:

[gist]42a741dd2a69b5949f23[/gist]

Ejecutarhttps://jsfiddle.net/AFelipeTrujillo/wrczmgek/

 Los que no puedan mantener el ritmo de la revolución tecnológica, se encontrarán con que ellos mismos se han vuelto obsoletos.

— Katherine Neville