Articles of angular ui roteador

Roteador de interface angular: modos de exibição nesteds não funciona

Construindo um formulário de várias etapas (“assistente”). Estava seguindo este tutorial originalmente , que funcionou muito bem, mas agora estou tentando adaptá-lo para que a primeira etapa seja incorporada na página inicial, em vez de ser um estado separado. Não importa o que eu tente, não posso criar um caminho ui-sref que funcione. Eu sempre […]

Interfaces de interface do usuário com teste de unidade de httpbackend, js angular

Este é um controlador com uma function de envio: $scope.submit = function(){ $http.post(‘/api/project’, $scope.project) .success(function(data, status){ $modalInstance.dismiss(true); }) .error(function(data){ console.log(data); }) } } Este é o meu teste it(‘should make a post to /api/project on submit and close the modal on success’, function() { scope.submit(); $httpBackend.expectPOST(‘/api/project’).respond(200, ‘test’); $httpBackend.flush(); expect(modalInstance.dismiss).toHaveBeenCalledWith(true); }); O erro que recebo é: […]

Roteador angular-ui: estados ui-sref-active e nesteds

Eu estou usando angular-ui-router e estados nesteds no meu aplicativo, e também tenho uma barra de navegação. A barra de navegação é escrita à mão e usa ui-sref-active para destacar o estado atual. É uma barra de navegação de dois níveis. Agora, quando estou em, digamos Products / Categories , gostaria que os Products (no […]

Usando o roteador-ui com o modal Bootstrap-ui

Eu sei que isso já foi abordado várias vezes e a maioria dos artigos se refere a esse trecho de código: Janela modal com URL personalizado em AngularJS Mas eu simplesmente não entendo. Eu não acho que isso seja muito claro. Eu também encontrei este jsfiddle que foi realmente ótimo, muito útil, exceto que isso […]

Qual é a diferença entre $ routeProvider e $ stateProvider?

Por favor, explique a diferença entre $routeProvider e $stateProvider no AngularJS. Qual é a melhor prática?

Ui-roteador angular – como acessar os parâmetros na exibição nomeada aninhada, passada do modelo pai?

Oi eu estou tentando acessar um parâmetro no controlador “ViewWorklogCrtl” enquanto estiver usando o roteador-ui e correndo em dificuldade. Basicamente, meu modelo pai contém: a(ui-sref=”instance-ticket.worklog({id:{{ticket.testnum}}})”) show e depois mais abaixo na página: section(ui-view=”top-section”) Então no meu app.js, contendo informações de roteamento do lado do cliente em resumo eu tenho: $stateProvider .state(‘instance-ticket’, { url: ‘/ticket/:instanceID’, templateUrl: […]

Angular UI-Router $ urlRouterProvider .quando não está mais funcionando *

Pergunta: Por que o .when() no meu $urlRouterProvider funciona mais? Eu peguei um aplicativo angular bastante robusto. O problema mais recente que tenho tentado resolver é o problema de ‘credenciais de usuário perdidas na atualização da página’. O serviço de autenticação do projeto não fez muito sentido quando o peguei e, depois de pesquisar, descobri […]

Angular e UI-Router, como definir um templateUrl dynamic

Como eu poderia usar um nome buscado no meu database como um nome de arquivo templateUrl? Eu tentei isso: $stateProvider.state(‘/’, { url: ‘/’, views: { page: { controller: ‘HomeCtrl’, templateProvider: function($templateFactory, $rootScope) { console.log(“$rootScope.template”) return $templateFactory.fromUrl(‘/templates/’ + $rootScope.template); } } } }); O que parece não funcionar se meu $ rootScope.template vier de uma consulta […]

Caso contrário, no StateProvider

Usando angular-ui-roteador, como posso usar o método de outra forma em $ stateProvider ou como posso usá-lo em tudo?

Angularjs ui-router não alcançando o controlador filho

Eu tenho uma function de configuração: 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); } } } […]