El enrutamiento es un aspecto importante que debe tenerse en cuenta al crear aplicaciones de una sola página utilizando . En este artículo, nos familiarizaremos con el concepto de enrutamiento mediante el uso de Enrutador UI y vea cómo stateprovider en AngularJS funciona en la siguiente secuencia:
Métodos que usan Stateprovider en AngularJS
$ stateProvider se usa para definir diferentes estados de una ruta. Puede darle al estado un nombre, un controlador diferente, una vista diferente sin tener que usar un href a una ruta. Existen diferentes métodos que utilizan el concepto de $ stateprovider en .
Entonces, sigamos adelante y discutamos los diferentes métodos.
Enrutador AngularUI
El UI-Router es un enrutamiento construido por el equipo de AngularUI para AngularJS. Se utiliza para crear rutas para y proporciona un enfoque diferente al de ngRoute. Enrutador UI se jacta de características adicionales y demuestra ser más adecuado para proyectos y aplicaciones complejos.
Iniciando el Proyecto
En este paso, incrustamos los archivos angulares en la cabeza.
... ... // Menú de Navegación// Contenido
La lógica principal de nuestra aplicación está presente en app.js :
var app = angular.module ('angularRoutingEx', ['ui.router'])llamar por referencia en c ++
Enrutamiento
Para administrar el enrutamiento, necesitamos agregar $ stateProvider. En el código que se proporciona a continuación, se muestra la ruta entre la página principal y la página de información.
// app.js app.config (function ($ stateProvider, $ urlRouterProvider) {var states = [{name: 'main', url: '/', template: '', controller: function ($ scope, $ stateParams) {$ scope.paramId = $ stateParams.id}}] states.forEach ((state) => $ stateProvider.state (state)) $ urlRouterProvider.otherwise ('/')})Estos son algunos de los conceptos que utilizan $ stateProvider. Con esto, hemos llegado al final de nuestro artículo.
Cdiablos el por Edureka, una empresa de aprendizaje en línea de confianza con una red de más de 250.000 alumnos satisfechos repartidos por todo el mundo. Angular es un marco de JavaScript que se utiliza para crear aplicaciones web del lado del cliente escalables, empresariales y de rendimiento. Dado que la adopción del marco Angular es alta, la gestión del rendimiento de la aplicación está impulsada por la comunidad, lo que genera indirectamente mejores oportunidades laborales. La capacitación en certificación angular tiene como objetivo cubrir todos estos nuevos conceptos en torno al desarrollo de aplicaciones empresariales.
Tienes una pregunta para nosotros? Menciónelo en la sección de comentarios del blog “Stateprovider in AngularJS” y nos comunicaremos con usted.