Articles of angular ui enrutador

Resolución de estado nested enrutador de UI angular en estados secundarios

En una aplicación angular en la que estoy trabajando, me gustaría que hubiera un estado padre abstracto que debe resolver ciertas dependencias para todos los estados de sus hijos. Específicamente, me gustaría que todos los estados exijan que un usuario autenticado herede esa dependencia de algún estado authroot. Me estoy encontrando con problemas que tienen […]

angular-ui-router con requirejs, carga lenta del controlador

¿Podrías ayudarme a entender cómo cargar el controlador en el siguiente ejemplo antes de la vista? Parece que la vista se carga inmediatamente mientras el controlador aún no está cargado. //app.js $stateProvider.state(‘index’, { url: “/”, views: { “topMenu”: { templateUrl: “/Home/TopMenu”, controller: function($scope, $injector) { require([‘controllers/top-menu-controller’], function(module) { $injector.invoke(module, this, { ‘$scope’: $scope }); }); […]

¿Cuál es el ciclo de vida del ui-router angular? (para la depuración de errores silenciosos)

Lo mejor que he encontrado es http://www.ng-newsletter.com/posts/angular-ui-router.html . No es tan profundo como, por ejemplo, el orden en que se $stateChangeStart , $stateChangeStart , $stateChangeStart y exampleState.templateProvider . Un gran formato de respuesta sería limpio. Algo como: Carga de página inicial del estado foo: Paso de vida angular paso 1 Paso 1 del ciclo de […]

Enrutador AngularJS UI: cambie la URL sin tener que volver a cargar el estado

Actualmente nuestro proyecto está usando $routeProvider predeterminado, y estoy usando este “hack” para cambiar la url sin cargar la página: services.service(‘$locationEx’, [‘$location’, ‘$route’, ‘$rootScope’, function($location, $route, $rootScope) { $location.skipReload = function () { var lastRoute = $route.current; var un = $rootScope.$on(‘$locationChangeSuccess’, function () { $route.current = lastRoute; un(); }); return $location; }; return $location; }]); […]

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” } ] }, { […]