$ routeProvider se usa para configurar las rutas. Usamos ngRoute config () para configurar $ routeProvider. config() toma una función que toma $routeProvider como parámetro y la configuración de enrutamiento va dentro de la función.
$ routeProvider tiene una API simple, que acepta el método when() o de otherwise() .
La siguiente sintaxis se utiliza para configurar las rutas en AngularJS.
- ¿Para qué sirven los comentarios en HTML?
- ¿Cuáles son las desventajas de AngularJS?
- ¿Es mejor hacer un ACM que buscar trabajo cuando tienes un título de BCA sin conocimiento pero quieres convertirte en un desarrollador front-end?
- ¿Cómo maneja / optimiza WP Engine las solicitudes de búsqueda?
- ¿Cuál es la mejor manera para que un geek de desarrollo de aplicaciones móviles se involucre en el desarrollo web?
var aplicación = angular.module ("appName", ['ngRoute']);
app.config (function ($ routeProvider) {
$ routeProvider
.when ('/ view1', {
templateUrl: 'view1.html',
controlador: 'FirstController'
})
.when ('/ view2', {
templateUrl: 'view2.html',
controlador: 'SecondController'
})
.de otra manera({
redirectTo: '/ view1'
});
});
when() método when() toma una ruta y una ruta como parámetros.
La ruta es parte de la URL después del símbolo #.
La ruta contiene dos propiedades: templateUrl y controller .
La propiedad templateUrl define qué plantilla HTML debe cargar AngularJS y mostrar dentro del div con la directiva ngView .
La propiedad del controlador define qué controladores deben usarse con la plantilla HTML.
Cuando se carga la aplicación, la ruta se compara con la parte de la URL después del símbolo #. Si ninguna ruta coincide con la URL dada, el navegador será redirigido a la ruta especificada en la función else ().
Fuente: Ejemplo de enrutamiento AngularJS – ngRoute, $ routeProvider – JournalDev
Gracias !!
