Articles of angular ui enrutador

Establecer el título de la página usando UI-Router

Estoy migrando mi aplicación AngularJS para usar el enrutador ui en lugar del enrutamiento integrado. Lo tengo configurado como se muestra a continuación .config(function($stateProvider, $urlRouterProvider) { $urlRouterProvider.otherwise(‘/home’); $stateProvider .state(‘home’, { url: ‘/home’, templateUrl : ‘views/home.html’, data : { pageTitle: ‘Home’ } }) .state(‘about’, { url: ‘/about’, templateUrl : ‘views/about.html’, data : { pageTitle: ‘About’ } […]

Intentando establecer dinámicamente una plantillaUrl en el controlador en función de la constante

Quiero cambiar la plantillaUrl asociada con el controlador en función de una constante preestablecida que he definido en mi bootstrap angularjs. No puedo entender cómo cambiar eso. He experimentado con UrlRouteProvider pero no he podido averiguar cómo extraer el html del sistema de archivos con eso. Estoy atascado en templateUrl. En el siguiente código, el […]

Cómo no cambiar la URL cuando se muestra la página de error 404 con ui-enrutador

Quiero mostrar la página de error 404, pero también quiero guardar la URL incorrecta en la ubicación. Si voy a hacer algo como eso: $urlRouterProvider.otherwise(‘404’); $stateProvider .state(‘404’, { url: ‘/404’, template: error404Template }); url cambiará a /404 . ¿Cómo puedo mostrar el mensaje de error en las URL incorrectas sin cambiar la URL actual?

Confundiendo $ locationChangeSuccess y $ stateChangeStart

Estoy tratando de hacer algo de autenticación con AngularUI Router. $urlRouter.sync() parece exactamente lo que necesito. Sin embargo, eso solo está disponible cuando intercepto $locationChangeSuccess . Pero cuando lo hago, $state.current.name está vacío, mientras que yo quiero que sea el estado actual. Aquí está mi código hasta ahora: $rootScope.$on(‘$locationChangeSuccess’, function(event, next, nextParams) { event.preventDefault(); if […]

Inyectar $ scope en una función de servicio angular ()

Tengo un Servicio: angular.module(‘cfd’) .service(‘StudentService’, [ ‘$http’, function ($http) { // get some data via the $http var path = ‘data/people/students.json’; var students = $http.get(path).then(function (resp) { return resp.data; }); //save method create a new student if not already exists //else update the existing object this.save = function (student) { if (student.id == null) { […]

AngularJS – UI-router – Cómo configurar vistas dinámicas

He tenido dificultades para encontrar cualquier documentación sobre la utilización del ui-router de forma dinámica a través de una base de datos. Par para el curso, todo está codificado. My Json: [ { “name”: “root”, “url”: “/”, “parent”: “”, “abstract”: true, “views”: [ {“name”: “header”, “templateUrl”: “/app/views/header.html”}, {“name” :”footer”, “templateUrl”: “/app/views/footer.html” } ] }, { […]

Estados nesteds o vistas para el diseño con la barra izquierda en el ui-router

Tengo el siguiente diseño: La barra lateral y la barra de encabezado siempre estarán presentes, aunque su contenido es específico del contexto. Creo que hay dos opciones aquí: estados nesteds (sidenav> Headerbar> Content) o con vistas (si lo entiendo correctamente). Todavía estoy luchando para que mi cabeza se adapte al enrutador ui independientemente de la […]

Recargar el estado actual – actualizar datos

Estoy usando Angular UI Router y me gustaría volver a cargar el estado actual y actualizar todos los datos / volver a ejecutar los controladores para el estado actual y su padre. Tengo 3 niveles estatales: directory.organisations.details directory.organisations contiene una tabla con una lista de organizaciones. Al hacer clic en un elemento de la tabla […]

Enrutador angular UI: estados nesteds con diseños múltiples

Quiero tener varios diseños (1-col, 2-col, 3-col) que quiero cambiar para diferentes rutas en función del diseño necesario. Actualmente tengo un estado de raíz que se predetermina a usar un diseño determinado y luego dentro de ese diseño contiene directivas ui-view nombradas para secciones como el encabezado, pie de página, barra lateral, etc. Me preguntaba […]

Router AngularJS ui que pasa datos entre estados sin URL

Me enfrento a este problema de pasar datos entre dos estados sin exponer los datos en la url, es como si el usuario no pudiera aterrizar directamente en este estado. Por ejemplo. Tengo dos estados “A” y “B”. Estoy haciendo una llamada al servidor en el estado “A” y pasando la respuesta de la llamada […]