«angular-ui-router» 태그된 질문

UI-Router는 AngularJS 경로의 개념을 복잡한 애플리케이션 UI 상태를 관리하기위한보다 일반적인 상태 개념으로 발전시킵니다. 특히, 중첩 된 상태 / 뷰 계층 구조와 여러 개의 명명 된 뷰를 허용합니다.

15
각도 경로와 각도 UI 라우터의 차이점은 무엇입니까?
큰 응용 프로그램에서 AngularJS 를 사용할 계획 입니다. 그래서 사용하기에 적합한 모듈을 찾는 과정에 있습니다. ngRoute (angular-route.js) 와 ui-router (angular-ui-router.js) 모듈 의 차이점은 무엇입니까 ? ngRoute 가 사용되는 많은 기사 에서 route는 $ routeProvider 로 구성됩니다 . 그러나 ui-router 와 함께 사용 하면 route는 $ stateProvider 및 $ urlRouterProvider로 구성됩니다 …

10
AngularJS UI 라우터 로그인 인증
나는 AngularJS를 처음 사용하고 다음 시나리오에서 angular- "ui-router"를 사용하는 방법에 대해 약간 혼란스러워합니다. 두 섹션으로 구성된 웹 응용 프로그램을 작성 중입니다. 첫 번째 섹션은 로그인 및 가입보기가있는 홈페이지이고 두 번째 섹션은 로그인에 성공한 대시 보드입니다. index.html각도 앱과 ui-router구성을 사용하여 처리 /login하고 /signup볼 수 있는 홈 섹션을 만들었 dashboard.html으며 앱과 ui-router구성을 …

3
ui-router의 ui-sref를 사용하여 매개 변수를 컨트롤러에 전달하는 방법
ui-srefui-router 를 사용하여 전달하려는 상태로 두 개의 매개 변수를 전달하고 받아야 합니다. 상태를 homewith foo및 barparameters 로 전환하기 위해 아래 링크를 사용하는 것과 같은 것 : <a ui-sref="home({foo: 'fooVal', bar: 'barVal'})">Go to home state with foo and bar parameters </a> 컨트롤러에서 수신 foo및 bar값 : app.controller('SomeController', function($scope, $stateParam) { //.. …

18
현재 상태를 다시로드하는 방법?
Angular UI Router를 사용하고 있으며 현재 상태를 다시로드하고 모든 데이터를 새로 고치거나 현재 상태 및 상위에 대한 컨트롤러를 다시 실행하고 싶습니다. 나는 3 가지 상태 수준이 있습니다 : directory.organisations.details directory.organisations 에는 조직 목록이 포함 된 테이블이 있습니다. 테이블로드의 항목을 클릭 directory.organisations.details 항목의 ID를 전달 $ StateParams와. 세부 정보 상태 에서이 …



2
URL이없는 상태간에 데이터를 전달하는 AngularJS UI 라우터
URL에 데이터를 노출시키지 않고 두 상태간에 데이터를 전달하는이 문제에 직면하고 있습니다. 사용자가 실제로이 상태에 직접 도달 할 수없는 것처럼 보입니다. 예를 들어. "A"와 "B"의 두 가지 상태가 있습니다. 상태 "A"에서 일부 서버 호출을 수행하고 호출 응답을 상태 "B"로 전달합니다. 서버 호출의 응답은 문자열 메시지이므로 꽤 길기 때문에 URL에 노출 할 …

9
AngularJS UI 라우터-상태를 다시로드하지 않고 URL 변경
현재 우리 프로젝트는 default $routeProvider를 사용하고 있으며 url페이지를 다시로드하지 않고 변경하기 위해이 "해킹"을 사용하고 있습니다 . 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; …

14
$ state.go toParams 및 $ stateParams를 사용하여 매개 변수를 보내고 검색하는 방법은 무엇입니까?
AngularJS v1.2.0-rc.2를 ui-router v0.2.0과 함께 사용하고 있습니다. 나는 나가를 사용하므로 다른 상태로 리퍼러 상태를 전달하려는 toParams의 $state.go과 같이 : $state.go('toState', {referer: $state.current.name}); 문서 에 따르면 이것은 컨트롤러 $stateParams에 채워 져야 toState하지만 undefined. 내가 무엇을 놓치고 있습니까? 시연하기 위해 플렁크를 만들었습니다. http://plnkr.co/edit/ywEcG1

3
$ state (ui-router)를 $ http 인터셉터에 삽입하면 순환 종속성이 발생합니다.
내가 이루고자하는 것 $ http 요청이 401 오류를 반환하는 경우 특정 상태 (로그인)로 전환하고 싶습니다. 따라서 $ http 인터셉터를 만들었습니다. 문제 인터셉터에 '$ state'를 삽입하려고 할 때 순환 종속성이 발생합니다. 왜 그리고 어떻게 수정합니까? 암호 //Inside Config function var interceptor = ['$location', '$q', '$state', function($location, $q, $state) { function success(response) …

6
UI 라우터를 사용하여 객체를 상태로 전달하는 방법은 무엇입니까?
ui-router를 사용하여 상태로 전환하고 임의의 개체를 전달할 수 있기를 원합니다. 일반적 $stateParams으로 사용 된다는 것을 알고 있지만이 값이 URL에 삽입되어 있다고 생각하며 사용자가이 데이터를 북마크 할 수 없도록하고 싶습니다. 이런 식으로하고 싶습니다. $state.transitionTo('newState', {myObj: {foo: 'bar'}}); function myCtrl($stateParams) { console.log($stateParams.myObj); // -> {foo: 'bar'} }; URL에 값을 인코딩하지 않고이를 수행하는 …

7
`ui-router` $ stateParams 대 $ state.params
으로 ui-router, 그것은 가능 주입하거나 $state또는$stateParams 컨트롤러에 하여 URL의 매개 변수에 액세스 할 수 있습니다. $stateParams그러나을 통해 매개 변수에 액세스 하면 해당 매개 변수에 액세스하는 컨트롤러가 관리하는 상태에 속하는 매개 변수와 해당 상위 상태 만 노출되며 $state.params모든 매개 변수는 모든 하위 상태에있는 매개 변수를 포함합니다. 다음 코드에서 URL을 직접로드 http://path/1/paramA/paramB하면 …

8
Angular 2의 특정 경로에 대해 RouteReuseStrategy shouldDetach를 구현하는 방법
라우팅을 구현 한 Angular 2 모듈이 있으며 탐색 할 때 상태를 저장하고 싶습니다. 사용자는 다음을 수행 할 수 있어야합니다. 1. 검색 공식을 사용하여 문서 검색 2. 결과 중 하나로 이동 3. 검색 결과로 다시 이동-서버와 통신하지 않고 이는 RouteReuseStrategy를 포함하여 가능합니다. 질문은 문서가 저장되지 않도록 구현하는 방법입니다. 그래서 경로 경로 …


7
각도 서비스 function ()에 $ scope 삽입
서비스가 있습니다 : 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) { …

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.