angular-ui-router

问题 I have html code (code snippet 1) & JS code (code snippet 2) as below. In html I am including the partials and building a page that contains a ui-view which dynamically changes the html when the state changes. This is working fine.The page contains a header , a footer , a left side menu and the dynamically changing content based on the state. Now I need to include a Login page for this application. However we don't need header , footer, menu for the login screen. Currently the login screen

问题 I want to redirect, under certain conditions, when the page is loaded or before. For example, Cookies have to have something, then do a redirect. this.router.navigate(["details"]); in AppComponent.NgOnInit not working! Routers: const APP_ROUTES : Route[] = [ { path: '', component: FormComponent, children: FORM_ROUTES}, { path: 'details', component: DetailsComponent} ]; Module imports and bootstrap: imports: [ BrowserModule, FormsModule, HttpModule, RouterModule.forRoot(APP_ROUTES),

问题 https://plnkr.co/edit/zfmuZXp88cSbdOsibv3y?p=preview I have a main dashboard parent state with 2 child states tags and tickers . When I click on a button in tickers , only the tags state should refresh. Currently they both refresh. ^ The onInit tickersController console.log should only be run once. However the tagsController should be run every time a ticker is clicked. var routerApp = angular.module('routerApp', ['ui.router']); routerApp.config(function($stateProvider, $urlRouterProvider) {

问题 Im working with the Ionic-Framework and AngularJS. If you create the Ionic sidemenu sample project: ionic start myApp sidemenu You will get a small example application which shows my exact problem. You can try out the behaviour here: Plunker If you open up the Side-Menu and navigate to several locations everything is put on the Back-Stack. How can I prevent that behaviour for special pages? For our example lets say i always want to completely delete the Back-Stack when the "playlists" page is

问题 This question already has answers here : When not to use 'track by $index' in an AngularJS ng-repeat? (2 answers) Closed last year . I am having a ng-repeat directive that is running on the array on object. I am facing a specific scenario in which, When I Bind my object properties with one time binding they are now getting refreshed when I Purge and add the data in my Array Of Object on which I am running my ng-repeat. The point to focus here is, All these functionalities were working

问题 I use Angular & UI router and I need for one of my parent states's resolves to be lazy. The reason for this is that I have a state called authenticated that is inherited by a whole hierarchy of child states. I need the resolve called isAuthenticated to be resolved lazily (i.e. each time a child of the authenticated state is entered). Here is my parent authenticated state: .state('authenticated', { abstract: true, parent: 'root', views: { 'header@': { controller: 'NavbarCtrl', templateUrl:

问题 I too find myself looking into this unanswered question but I also find myself wondering if finding an answer matters? I've googled $event and looked through both angular material (well at least the items in the left hand menu of the API docs) and material docs and don't find any reference to it. I've only found a reference to it in the UI Router docs, suggesting it can stop event propagation. so what is $event ? why is it passed into an $mdDialog ? do I need it if I'm using ui-router onEnter

问题 https://plnkr.co/edit/5JhQx64WF3tgdm02qKzJ?p=preview All I did that broke my app was remove the ui-sref (I never like using that anyways) and went with a $state.go inside of the Javascript. <tr ng-repeat="ticker in tickers"> <!--<td>{{ ticker }} <button ui-sref="dash.tags({ticker: ticker})">Click Me</button></td>--> <td>{{ ticker }} <button ng-click="clickTicker(ticker)">Click Me</button></td> </tr> $scope.clickTicker = function(ticker) { $state.go('dash', { ticker: ticker }); } If I don't

问题 I have three different parent states that each have a set of url parameters. They share some of the same params, but not always, for example: $stateProvider .state('state1',{ url : 'state1', params : { start : {value: null, squash : true, dynamic : true}, end : {value: null, squash : true, dynamic : true}, tz : {value: 'Eastern', squash: true, dynamic : true} } } .state('state2',{ url : 'state2', params : { end : {value: null, squash : true, dynamic : true} } } .state('state3',{ url : 'state3

问题 We're making a meteor app using angular and ui-router to control the states. We want to show a promo site if the user doesn't have access to the main part of the site. There will be a flag on the user's document in the User collection in mongodb as to whether they have access or not. How would we direct to this promo state before a state is loaded if they don't have access? The basic flow would be calling a function to check whether they have access, and then loading a state based on that.