Articles of angular ui roteador

Definir o título da página usando o roteador de interface do usuário

Estou migrando meu aplicativo baseado em AngularJS para usar o roteador-ui em vez do roteamento interno. Eu tenho configurado conforme mostrado abaixo .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’ } }) […]

Tentando definir dinamicamente um templateUrl no controlador com base na constante

Eu quero mudar o templateUrl associado ao controlador com base em uma constante predefinida que eu defini no bootstrap angularjs. Eu não consigo descobrir como mudar isso. Eu experimentei o UrlRouteProvider, mas não consegui descobrir como puxar o html do sistema de arquivos com isso. Estou preso no templateUrl. No código abaixo, a saída primeiro […]

Como enviar e recuperar parâmetros usando $ state.go toParams e $ stateParams?

Estou usando o AngularJS v1.2.0-rc.2 com o ui-roteador v0.2.0. Eu quero passar o estado referrer para outro estado, então eu uso o toParams de $state.go assim: $state.go(‘toState’, {referer: $state.current.name}); De acordo com os documentos , isso deve preencher os $stateParams no controlador toState , mas é undefined . o que estou perdendo? Eu criei um […]

AngularJS – Roteador de UI – adiciona programaticamente estados

Existe uma maneira de adicionar estados programaticamente a $ stateProvider após a configuração do módulo, por exemplo, serviço? Para adicionar mais contexto a essa questão, tenho uma situação em que posso seguir duas abordagens: tente forçar o recarregamento no estado definido na configuração do módulo, o problema é que o estado tem um reloadOnSearch configurado […]

Eu tenho .when(‘/center’, ‘/center/question’) no meu aplicativo da web angular. Quando digito ‘/center’ no meu navegador, ele redireciona para ‘/center/question’ como esperado, mas quando clico no , ele não irá redirect e apenas permanecer na url ‘/center’ . Não há erro no meu console e não sei por quê. Eu vejo uma questão semelhante aqui […]

Como não alterar o URL quando mostrar a página de erro 404 com o roteador da interface do usuário

Quero mostrar a página de erro 404, mas também quero salvar o URL incorreto no local. Se eu fizer algo assim: $urlRouterProvider.otherwise(‘404’); $stateProvider .state(‘404’, { url: ‘/404’, template: error404Template }); o URL mudará para /404 . Como posso mostrar a mensagem de erro em URLs incorretas sem alterar o URL real?

AngularJS: Passa um object para um estado usando o ui-roteador

Eu gostaria de poder fazer a transição para um estado e passar um object arbitrário usando o roteador-ui. Estou ciente de que geralmente $ stateParams é usado, mas acredito que esse valor seja inserido no URL e não quero que os usuários possam marcar esses dados. Eu gostaria de fazer algo assim. $state.transitionTo(‘newState’, {myObj: {foo: […]

Confundindo $ locationChangeSuccess e $ stateChangeStart

Eu estou tentando fazer alguma autenticação com o AngularUI Router. $urlRouter.sync() parece exatamente o que eu preciso. No entanto, isso só está disponível quando eu interceptar $locationChangeSuccess . Mas quando eu faço isso, $state.current.name está vazio, enquanto eu quero que seja o estado atual. Aqui está o meu código até agora: $rootScope.$on(‘$locationChangeSuccess’, function(event, next, nextParams) […]

Injetando $ scope em uma function de serviço angular ()

Eu tenho um serviço: 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) […]

Redirecionar um estado para o subestado padrão com o roteador UI no AngularJS

Estou criando uma página baseada em guias que mostra alguns dados. Eu estou usando o roteador de interface do usuário em AngularJs para registrar estados. Meu objective é ter uma guia padrão aberta no carregamento da página. Cada guia possui subguias e eu gostaria de ter uma subguia padrão aberta ao alterar as guias. Eu […]