angular-ui-router

问题 **This js file for the ui router is proper or not.The error displaying is "Error: Unknown provider: $stateProvider from routerApp" this js files have been loaded in the Html file. ** var routerApp = angular.module('routerApp', ['ui.router']); routerApp.config(function($stateProvider, $urlRouterProvider) { $urlRouterProvider.otherwise('/template1'); $stateProvider // HOME STATES AND NESTED VIEWS ======================================== .state('template1', { url: '/temp1', templateUrl:

问题 I want to capture the url params or route or when the state is rejected: define state app.config(['$stateProvider', function($stateProvider) { $stateProvider.state('categories', { url: '/categories', templateUrl: 'categories/views/index.html', resolve: { loadRoute: app.loadRoute } }); } ]); define resolve event , default reject app.loadRoute = function ($q, $timeout) { var deferred = $q.defer(); $timeout(deferred.reject); return deferred.promise; }; and run for init catch error reject app.run

问题 Using AngularJS 1.2.16, ui-router, and Restangular (for API services), I have an abstract state with a child state that uses multiple views. The child view accepts a URL parameter (via $stateParams) and a resolve to fetch the record from an API based on the given ID passed via the URL. All works perfectly as you navigate throughout the site, however if you are on the given page and refresh it (Command/Ctrl+r or clicking the refresh button) or load the page directly by hitting the deep link

问题 I have this list of users .. When a user clicks in one of those user in the list.. it will redirect me to my profileState with the associated UID of the user. I use state parameters to pass the UID from the userListState to the profileState.. When i type console.log($stateParams); it displays the UID which i passed from userListState .. but once i refresh the page.. the UID will become null.. So i would like to know how you guys make that specific data remain there after page reload. 回答1: How

问题 I'm using modules /sub modules on the angular app, my controller doesn't load on a specific route but the view does, according to a comment on this question I should reference the child module inside the main module and that should do the trick. this is my code for bootstrapping the app: angular.module('mainApp', ['ui.bootstrap', 'ui.utils', 'ui.router', 'ngResource', 'ngAnimate', 'ngCookies', 'facebook', 'subModule1', 'subModule2', 'subModule3']); angular.module('mainApp').config(function (

问题 I'm building an app using ionic. Now I want to pass a variable trough a url using state but it does not work. What is the best way to to this? My approach: $stateProvider .state('orders', { url: "/orders", abstract: true, templateUrl: "views/side-menu.html", cache: false, controller: 'OrderCtrl' }) .state('orders.view-order', { url: "/view-order?orderid", //<---- THIS ONE views: { 'menuContent': { templateUrl: "views/view-order.html" } }, cache: false }) .state('orders.open-orders', { url: "

问题 I have one main controller for my app - AppCtrl and use ui-router. How can I make secured states? $rootScope.$on('$stateChangeStart',function(event, toState, toParams, fromState, fromParams){ var authorization = toState.data.authorization; if(!Security.isAuthenticated() && authorization != false) $location.path('/login'); }); For example I want to make books and authors states secured, and login state not secured. .state('login', { url: '/login', templateUrl: /**/, controller: /**/, data: {

问题 I am creating a web app to help students in science, history and math. When you first land on the site I have a home/landing page. When you click get started I route to /exam/instructions. Each of my steps instructions, math and science our templates that I load into the ui-view="exam-detail" . Currently the whole ui-view loads when I navigate to and from instructions through sciences. Ideally I simply want an area for pagination and an area for the subject matter and only want the ui-view=

问题 I'm trying to use an abstract state but I cannot load the child. My app is setup as following: angular .module('milordApp', [ 'ui.router', 'ngAnimate', 'ngCookies', 'ngMessages', 'ngResource', 'ngRoute', 'ngSanitize', 'ngTouch' ]) .run(function($rootScope) { $rootScope.$on('$routeChangeStart', function(event, toState, toParams, fromState, fromParams) { console.log(toState, toParams, fromState, fromParams); }); }) .config(function($stateProvider, $urlRouterProvider){ $urlRouterProvider

问题 I have a question, maybe a stupid one, I am using ui-router state to open a modal just like explained here, except the part the modal is not ui-bootstrap's it is angular-material's $mdDialog. As some of you know that the $mdDialog slides in from the element clicked not from top-to-center like bootstrap-modal. Right now it is fading in no sliding, I would like to slide the modal from the element. I did created a fiddle for this purpose. Here is the code var app = angular .module('myApp', [