angular-ui-router

问题 I am building an angular app using angular-ui-router. The backend has a REST api that gives me the url to a form based on a ticket id. In app.js, I want to dynamically set the template based on a query to this REST service. Example: $stateProvider .state('form', { url: '/form/:id', templateProvider: function ($resource, formResolver, $stateParams) { //formResolver calls the REST API with the form id and gets back a URL. return formResolver.resolve($stateParams.id).then(function(url) { return

问题 I have two states, A and B. When I exit state A by clicking on a close button I do a transition to screen A using $state.go to state B (screen B) When I exit state A by clicking on the back browser button on screen A I do a transition to state B (screen B) as the browser URL changes In the onExit of screen A I do a check and if this fails an Error Dialog opens, clicking Close on the error dialog returns a failed promise to the onExit However the onExit still goes ahead and I go to screen B Is

问题 ui-router State: $stateProvider .state('dashboard', { url: '/dashboard', templateUrl: 'app/dashboard/dashboard.html', controller: 'DashboardController as vm' }); In DashboardController I have: var vm = this; vm.title = 'Dashboard'; And in dashboard.html template: {{vm.title}} Why the result is showing "{{vm.title}}" instead of bind to it's value in controller? 回答1: There's a controllerAs setting when you configure the state. $stateProvider .state('dashboard', { url: '/dashboard', templateUrl:

问题 I built a small search app using Angular, UI Router and Elasticsearch and I'm trying to get UI Router query parameters in the url on the results page. I'm trying to achieve this domain.com/search?user_search_terms with this .state('search', { url: '/search?q', and I init searchTerms and $stateParams like this in my controller vm.searchTerms = $stateParams.q || ''; and then in my search function in my controller I have this vm.search = function() { $state.go('search', {q: vm.searchTerms}); ...

问题 I'm implementing facebook ouath login in angularjs without SDK. Everything works as expected except one thing. When user click on login button, which redirects to facebook login page, after successfull login, facebook fires redirect_uri URL, and user is again in the app. Problem is, that ui-router (probably) replaces '?' with '#' in path, so http://localhost/fbauth?access_token=xxx&code=yyy becomes http://localhost/fbauth#access_token=xxx&code=yyy Because of that, i cannot use $stateParams to

问题 I am new to angular Js. My application flow is as below: 1) I have a view controller wherein, each view controller sets the breadcrumb data with the help of Breadcrumbs factory. 2) Breadcrumbs factory takes data from view controller and attaches data to $location.$$state object.(reason for storing in state object is if back button is pressed, view controller doesn't instantiate so I can refer history data for breadcrumbs ) below is code to attach data to state object: var state = $location

问题 I learn and try to create an ionic app with tabs combining the side menu. Here is what it looks like (Codepen): The side-menu part is okay. There is an additional link on my home page. Here is my problem: After clicking the link, I can go back to the previous page only through the back button. And my home tab doesn't work. I try to add another link to my about page, and either back button or home tab could go back to the previous page, which is the home page. Here is my .js file: angular

问题 I am using AngularJS with Meteor and wanted to redirect users with unverified emails to the sign in page. I have created a sign in view in /client/routes.js : app.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider){ $urlRouterProvider.otherwise('/'); $stateProvider .state('signin', { url:'/signin', views: { main: { templateUrl: 'client/views/profile/signin.tpl' } } }) Note that there are other states I am not listing for brevity sake. Now, I want to

问题 Im using angular ui-routing but for the most encountered problem reason I want to ask something. Because of using '#' hashtag I prefered html5Mode property. But server side conf. is needed.(https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode) I m using IIS and I put the : <rewrite> <rules> <rule name="AngularJS Routes" stopProcessing="true"> <match url=".*" /> <conditions logicalGrouping="MatchAll"> <add input="{REQUEST

问题 Can anyone give me some advice on the pros / cons of using events heavily to keep different parts of an Angular app in sync with each other? I am considering using a series of events and event listeners to wire together an SPA with multiple concurrent and nested views, provided by Angular's ui-router. The layout of the SPA could be analogous to gmail, where there are logically separate regions of the screen (left area with list of mail folders, top navbar, main details view, etc). I have been