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

기본 제공 라우팅 대신 ui-router를 사용하도록 AngularJS 기반 앱을 마이그레이션하고 있습니다. 아래와 같이 구성했습니다. .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' } }) }); pageTitle 변수를 …

101 angularjs  angular-ui-router 

ui-router를 사용하는 것은 이번이 처음입니다. 여기 내 app.js가 있습니다. angular.module('myApp', ['ionic']) .run(function($ionicPlatform) { $ionicPlatform.ready(function() { // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard // for form inputs) if(window.cordova && window.cordova.plugins.Keyboard) { cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); } if(window.StatusBar) { StatusBar.styleDefault(); } }); }) .config(function($stateProvider, $urlRouterProvider){ …

98 angularjs  angular-ui-router 

angular-ui-router를 사용하여 $ stateProvider 에서 다른 방법 을 어떻게 사용할 수 있습니까? 아니면 어떻게 사용할 수 있습니까?

95 angularjs  angular-ui  angular-ui-router 

내가 작업중인 앱에는 여러 상태 (ui-router 사용)가 포함되어 있습니다. 일부 상태에서는 로그인이 필요하고 다른 상태는 공개적으로 사용 가능합니다. 사용자가 로그인했는지 여부를 유효하게 확인하는 방법을 만들었습니다. 현재 문제가있는 것은 실제로 필요할 때 로그인 페이지로 리디렉션하는 것입니다. 로그인 페이지는 현재 AngularJS 앱 내에 있지 않습니다. app.run(function ($rootScope, $location, $window) { $rootScope.$on('$stateChangeStart', function …

90 javascript  angularjs  redirect  angular-ui-router 

일부 데이터를 표시하는 탭 기반 페이지를 만들고 있습니다. AngularJs에서 UI-Router를 사용하여 상태를 등록하고 있습니다. 내 목표는 페이지로드시 하나의 기본 탭을 여는 것입니다. 각 탭에는 하위 탭이 있으며 탭을 변경할 때 기본 하위 탭을 열고 싶습니다. 나는 onEnter함수 로 테스트하고 있었고 내부에서 사용하고 $state.go('mainstate.substate');있지만 루프 효과 문제로 인해 작동하지 않는 것 …

89 javascript  angularjs  tabs  angular-ui-router 

ui-router를 사용하여 angularjs 단일 페이지 응용 프로그램을 구현했습니다 . 원래는 고유 한 URL을 사용하여 각 주를 식별했지만 이로 인해 친숙하지 않은 GUID 압축 URL이 만들어졌습니다. 그래서 이제 내 사이트를 훨씬 더 간단한 상태 머신으로 정의했습니다. 상태는 URL로 식별되지 않지만 다음과 같이 필요에 따라 간단히 전환됩니다. 중첩 상태 정의 angular .module …

87 javascript  angularjs  coffeescript  angular-ui-router 

angular-ui-router내 응용 프로그램에서 중첩 상태를 사용 하고 있으며 탐색 모음도 있습니다. 탐색 모음은 손으로 작성 ui-sref-active되며 현재 상태를 강조하는 데 사용 됩니다. 2 단계 탐색 모음입니다. 이제 Products / Categories내가 들어갈 때 Products(레벨 1에서)와 Categories(레벨 2에서) 모두 강조 표시 하고 싶습니다 . 그러나을 사용 ui-sref-active하면 내가 상태에 Products.Categories있으면 해당 상태 …

82 angularjs  angular-ui-router 

Angular ui 라우터에 구축 된 내 애플리케이션에서 라우터를 테스트하는 데 문제가 있습니다. 내가 테스트하고 싶은 것은 상태 전환이 URL을 적절하게 변경하는지 여부입니다 (나중에 더 복잡한 테스트가 있지만 여기서 시작합니다). 내 애플리케이션 코드의 관련 부분은 다음과 같습니다. angular.module('scrapbooks') .config( function($stateProvider){ $stateProvider.state('splash', { url: "/splash/", templateUrl: "/app/splash/splash.tpl.html", controller: "SplashCtrl" }) }) 그리고 …

81 javascript  unit-testing  angularjs  angular-ui-router 

$ state.go 함수를 사용하여 "새 탭에서 링크 열기"기능을 구현하려고합니다. 다음과 같은 smth가 있으면 멋질 것입니다. $state.go('routeHere', { parameter1 : "parameter" }, { reload : true, newtab : true // or smth like target : "_blank" }); AngularJS를 사용하여 수행 할 수있는 방법이 있습니까?

81 angularjs  angular-ui-router  angular-ui 

Ionic을 사용한 모바일 애플리케이션 개발이 처음입니다. 로그인 및 로그 아웃시 데이터를 새로 고치려면 페이지를 다시로드해야하지만, $state.go('mainPage')다시로드하지 않고 사용자를 다시보기로 안내합니다. 그 뒤에있는 컨트롤러는 호출되지 않습니다. Ionic에서 기록을 지우고 상태를 다시로드 할 수있는 방법이 있습니까?

80 angularjs  angular-ui-router  ionic-framework 

이것은 두 부분으로 구성된 질문입니다. 컨트롤러를로드하기 전에 특정 서버 데이터를 가져 오기 위해 $ stateProvider.state () 내부의 resolve 속성을 사용하고 있습니다. 이 과정에서 로딩 애니메이션을 표시하려면 어떻게해야합니까? resolve 속성도 사용하는 자식 상태가 있습니다. 문제는 UI 라우터는 확정 할 것이다 모든 로드하기 전에 결의를 어떤 컨트롤러를. 모든 자식이 해결 될 때까지 …

80 javascript  angularjs  angular-ui-router 

angular-ui-router 라이브러리를 사용하고 있으며 URL에 문제가 있습니다. 다음 코드가 있습니다. app.js : app.config(function ($stateProvider, $urlRouterProvider) { $stateProvider .state('state', { url: '/state', templateUrl: 'templates/state.html', onEnter: function () { /*... code ...*/ } })}); index.html : <a href="#/state">STATE</a> 이것은 작동하지만 <a>태그 에서 '#'을 제거하면 작동 하지 않습니다. URL에서 '#'기호를 삭제하려면 어떻게해야합니까?

80 javascript  angularjs  angular-ui-router 

비슷한 질문을 검색했지만 나온 질문이 약간 달라 보입니다. 링크의 ui-sref = ''를 동적으로 변경하려고합니다 (이 링크는 마법사 양식의 다음 섹션을 가리키고 다음 섹션은 드롭 다운 목록에서 선택한 항목에 따라 다릅니다). 선택 상자의 일부 선택에 따라 ui-sref 속성을 설정하려고합니다. 선택이 이루어질 때 설정되는 범위 속성에 바인딩하여 ui-sref를 변경할 수 있습니다. 그러나 …

79 angularjs  angular-ui  angular-ui-router