Articles of angular ui enrutador

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); } } } });} […]

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 […]