คำถามติดแท็ก angular-ui-router

ฉันกำลังย้ายแอพที่ใช้ AngularJS ของฉันไปใช้ ui-router แทนการกำหนดเส้นทางในตัว ฉันได้กำหนดค่าตามที่แสดงด้านล่าง .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 เพื่อตั้งชื่อเพจแบบไดนามิกได้อย่างไร ฉันสามารถใช้การกำหนดเส้นทางในตัวได้ $rootScope.$on("$routeChangeSuccess", function(currentRoute, previousRoute){ $rootScope.pageTitle = $route.current.data.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){ $urlRouterProvider.otherwise("/index.html"); $stateProvider.state('index', { url: …

99 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 (event, toState, toParams, fromState, fromParams) { if (toState.data.loginReq && !$rootScope.me.loggedIn) { var landingUrl = $window.location.host + "/login"; console.log(landingUrl); $window.open(landingUrl, "_self"); } }); }); console.log แสดง url ที่ต้องการอย่างถูกต้อง บรรทัดหลังจากนั้นฉันได้ลองใช้งานจริงทุกอย่างตั้งแต่ $ window.open ไปจนถึง window.location.href และไม่ว่าฉันจะพยายามอย่างไรก็ไม่มีการเปลี่ยนเส้นทางเกิดขึ้น แก้ไข …

90 javascript  angularjs  redirect  angular-ui-router 

ฉันกำลังสร้างหน้าตามแท็บซึ่งแสดงข้อมูลบางอย่าง ฉันใช้ UI-Router ใน AngularJs เพื่อลงทะเบียนสถานะ เป้าหมายของฉันคือการเปิดแท็บเริ่มต้นหนึ่งแท็บในการโหลดหน้าเว็บ แต่ละแท็บมีแท็บย่อยและฉันต้องการเปิดแท็บย่อยเริ่มต้นเมื่อเปลี่ยนแท็บ ฉันกำลังทดสอบด้วยonEnterฟังก์ชั่นและข้างในฉันใช้$state.go('mainstate.substate');แต่ดูเหมือนว่าจะไม่ทำงานเนื่องจากปัญหาผลกระทบของลูป (ใน state.go เพื่อแทนที่มันเรียกสถานะแม่และอื่น ๆ และมันจะกลายเป็นลูป) $stateProvider .state('main', { url: '/main', templateUrl: 'main.html', onEnter: function($state) { $state.go('main.street'); } }) .state('main.street', { url: '/street', templateUrl: 'submenu.html', params: {tabName: 'street'} }) นี่ฉันสร้างสาธิต plunker ตอนนี้ทุกอย่างใช้งานได้ยกเว้นฉันไม่ได้เปิดแท็บเริ่มต้นและนั่นคือสิ่งที่ฉันต้องการ ขอบคุณสำหรับข้อเสนอแนะความคิดเห็นและแนวคิด

89 javascript  angularjs  tabs  angular-ui-router 

ผมได้ดำเนินการ angularjs แอพลิเคชันหน้าเดียวโดยใช้UI เตอร์ เดิมทีฉันระบุแต่ละรัฐโดยใช้ URL ที่แตกต่างกัน แต่สิ่งนี้สร้างขึ้นสำหรับ URL ที่บรรจุ GUID ที่ไม่เป็นมิตร ตอนนี้ฉันได้กำหนดไซต์ของฉันให้เป็น state-machine ที่ง่ายกว่ามาก รัฐไม่ได้ระบุโดย URL แต่จะเปลี่ยนเป็นเพียงตามที่กำหนดดังนี้: กำหนดสถานะที่ซ้อนกัน angular .module 'app', ['ui.router'] .config ($stateProvider) -> $stateProvider .state 'main', templateUrl: 'main.html' controller: 'mainCtrl' params: ['locationId'] .state 'folder', templateUrl: 'folder.html' parent: 'main' controller: 'folderCtrl' resolve: folder:(apiService) -> apiService.get '#base/folder/#locationId' การเปลี่ยนเป็นสถานะที่กำหนด #The …

87 javascript  angularjs  coffeescript  angular-ui-router