Articles of angular ui enrutador

Cómo implementar alias de ruta en ui-enrutador

Estoy tratando de encontrar una forma de implementar alias de ruta en Angular.js usando ui-router . Digamos que tengo un estado con el article/:articleId url article/:articleId y deseo que /articles/some-article-title redirija (internamente) a /article/76554 sin cambiar la ubicación del navegador. ¿Podría hacerse esto con ui-router ?

ruta de la plantilla dinámica de ui-enrutador

Estoy usando ui-router 0.2.8. Quiero cargar una plantilla basada en el ancho del dispositivo. Puedo obtener el ancho del dispositivo sin problema, configurarlo en el scope, etc. pero puedo averiguar cómo vincularlo a $ stateParams. Tengo la variable de ámbito en otro controlador al que se puede acceder el controlador del estado, simplemente no está […]

¿Cómo evito que vuelva a cargarse en la vista especificada cuando cambia el estado? AngularJS UI-Router

Estoy usando el excelente módulo ui-router en mi aplicación. Como parte de esto, estoy usando vistas con nombre para administrar la ‘subnavegación dinámica’ que tengo en la aplicación. Considera lo siguiente: $urlRouterProvider.otherwise(‘/person/list’); $stateProvider .state(‘person’, { url: ‘/person’, abstract: true, }) .state(‘person.list’, { url: ‘/list’, views: { “main@”: { templateUrl: “person.list.html”, controller: ‘PersonListController’ } } }) […]

Inyectar $ state (ui-router) en el interceptor http $ provoca una dependencia circular

Lo que bash lograr Me gustaría pasar a un estado determinado (inicio de sesión) en caso de que una solicitud $ http devuelva un error 401. Por lo tanto, he creado un interceptor $ http. El problema Cuando bash insertar ‘$ state’ en el interceptor, obtengo una dependencia circular. ¿Por qué y cómo lo arreglo? […]

Angularjs ui-enrutador Cómo redirigir a la página de inicio de sesión

Tengo 4 estados: tablero de instrumentos , dahboard.main , dashboard.minor , inicio de sesión . el tablero es abstracto y es un estado padre para los estados .minor y .main. A continuación está mi código: .state(‘dashboard’, { url: “/dashboard”, abstract: true, templateUrl: “views/dashboard.html”, resolve: { auth: function ($q, authenticationSvc) { var userInfo = authenticationSvc.getUserInfo(); if […]

Router UI angular ¿Cómo crear un estado “diseño”?

Dado un archivo HTML como ese: ¿Cómo se podría crear un estado de disposición que llene el “encabezado” con una plantilla de encabezado, el pie de página con una plantilla de pie de página, y luego permitir que los estados secundarios llenen la vista de usuario vacía? Supongo que el ui-view vacío también podría llamarse […]

Router ui angular: ui-sref-active y estados nesteds

Estoy usando angular-ui-router y estados nesteds en mi aplicación, y también tengo una barra de navegación. La barra de navegación está escrita a mano, y usa ui-sref-active para resaltar el estado actual. Es una barra de navegación de dos niveles. Ahora, cuando me encuentre, diga Products / Categories Me gustaría que se destaquen tanto los […]

Angular y UI-Router, cómo configurar una plantilla dinámicaUrl

¿Cómo podría usar un nombre obtenido de mi base de datos como templateUrl filename? He intentado esto: $stateProvider.state(‘/’, { url: ‘/’, views: { page: { controller: ‘HomeCtrl’, templateProvider: function($templateFactory, $rootScope) { console.log(“$rootScope.template”) return $templateFactory.fromUrl(‘/templates/’ + $rootScope.template); } } } }); Lo cual no parece funcionar si mi $ rootScope.template proviene de una consulta de base […]

De lo contrario, en StateProvider

Usando angular-ui-router, ¿cómo puedo usar el método de otra manera en $ stateProvider o cómo puedo usarlo?

Angularjs ui-router no llega al controlador infantil

Tengo una función de configuración: function config($stateProvider,$locationProvider) { $locationProvider.html5Mode(true); $stateProvider .state(‘projectsWs.tasks’, { url: “/tasks”, views: { “mainView”: { templateUrl: “/app/projects/templates/index.php” }, “innerView”: { templateUrl: “/app/projects/templates/tasks.php”, controller: tasksCtrl, controllerAs:’tasks’ } } }) .state(‘projectsWs.tasks.detail’, { url: “/:taskId”, views: { “mainView@”: { templateUrl: “/app/projects/templates/index.php” }, “innerView@mainView”: { templateUrl: “/app/projects/templates/tasks.php”, controller: function($stateParams) { console.log(‘innerViewCtrl’, $stateParams); } } } });} […]