Articles of angular ui roteador

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

AngularJS – UI-router – Como configurar vistas dinâmicas

Eu tive dificuldade em encontrar qualquer documentação sobre a utilização do roteador-ui dinamicamente através de um database. Par para o curso, tudo é codificado. Meu Json: [ { “name”: “root”, “url”: “/”, “parent”: “”, “abstract”: true, “views”: [ {“name”: “header”, “templateUrl”: “/app/views/header.html”}, {“name” :”footer”, “templateUrl”: “/app/views/footer.html” } ] }, { “name”: “home”, “url”: “”, “abstract” […]

Estados nesteds ou visualizações para layout com barra de esquerda no roteador da interface do usuário?

Eu tenho o seguinte layout: A Barra Lateral e o Cabeçalho sempre estarão presentes, embora seu conteúdo seja específico do contexto. Eu acho que há duas opções aqui: estados nesteds (sidenav> Headerbar> Content) ou com views (se eu entendi corretamente). Eu ainda estou lutando para ter minha cabeça enrolada no roteador, independentemente de quantos vídeos […]

Roteador de interface do usuário angular – Estados nesteds com vários layouts

Eu quero ter vários layouts (1-col, 2-col, 3-col) que eu quero mudar para diferentes rotas com base no layout necessário. Eu atualmente tenho um estado de raiz que usa um layout padrão e, em seguida, dentro desse layout contém diretivas nomeadas ui-view para seções como o header, rodapé, barra lateral etc. Eu só queria saber […]

Recarregando estado atual – atualizar dados

Estou usando o Angular UI Router e gostaria de recarregar o estado atual e atualizar todos os dados / reexecutar os controladores para o estado atual e seu pai. Eu tenho 3 níveis de estado: directory.organisations.details directory.organisations contém uma tabela com uma lista de organizações. Clicar em um item na tabela carrega directory.organisations.details com $ […]

Qual é a diferença entre o roteador angular e o roteador angular?

Estou planejando usar o AngularJS em meus grandes aplicativos. Então, estou no processo para descobrir os módulos certos a serem usados. Qual é a diferença entre os módulos ngRoute (angular-route.js) e ui-router (angular-ui-router.js) ? Em muitos artigos quando o ngRoute é usado, a rota é configurada com $ routeProvider . No entanto, quando usado com […]