angular-ui-router

问题 I'm working on a simple angular application using ui-router. I have a couple states for selecting and then editing information about a publisher. The relevant config: .state('select-publisher', { url: '/select-publisher', templateUrl: '/Content/superadmin/src/templates/publishers/publishers.html' }) .state('publisher', { abstract: true, url: 'publisher/{id:int}', templateUrl: '/Content/superadmin/src/templates/publishers/publisher.html' }) .state('publisher.details', { url: '/details',

问题 Here is my case: I have a div which needs to get some html injected from a function: <div ng-bind-html="myCtrl.getMyLink()"></div> in my controller I have: this.getMyLink = function () { return '<a ui-sref="app.go.to.state1">my link</a>'; } It works but not at all. All I have at the end in my html is only <a>my link</a> It's a link but the ui-sref redirection is not working. There is surely something I'm missing. How can I fix that? 回答1: The content inside ng-bind-html doesn't get compiled by

问题 I'm using ui-router in an app that will have dozens of templates. Each template will have a controller. From what I've been reading, something like this (to setup a route) ought to work: .config(function($stateProvider, $urlRouterProvider) { $stateProvider .state('start', { url: '/start', templateUrl: 'partials/start.html', controller: 'StartCtrl' }) }); That's assuming StartCtrl was previously defined. The app will eventually have dozens of controllers, and don't want the overhead of

问题 I'm trying to build a route for multiple unique landing pages with the following structure domain.com/:state/:city/:category How can I define the route so that the state, city, and category can be only one of predefined values, aka: state = /ca|ma|ak|az|ar .../i city = /los-angeles|san-francisco|.../i category = /painting|plumbing|.../i These lists are long so having a huge regex doesn't make much sense (or does it?) Would I use a rule() ? $urlMatcherFactory ? how can I use a function? any

问题 I want to separate my params in URL by dash like below: localhost/add/5-ninja in here the id is 5 and the name is ninja. When i changed the config to this: path: '/:id-:name' It doesn't work properly. How can I create dash separated params in URL 回答1: I think it's not possible the way you like but here's my suggestion to achieve that result: in your routes config you declare the path: for ex. /:dashed in your component: import { ActivatedRoute } from '@angular/router'; class MyComponent {

问题 The situation I have a ui-view component in my template: <div id="innerController" ui-view="stateview"></div> And I have states A and B defined for this view. The problem When I go from state A->B, the rendered DOM looks like this: And I got 2 different states on the screen. The question Why do I get 2 different ui-views? How can I force a single ui-view? Thanks! 来源： https://stackoverflow.com/questions/28792684/preventing-duplicate-ui-view-in-angularjs

问题 AngularJS UI router named views loading based on user access rather than loading at the time of state route access. Example: $stateProvider .state("login", { url: "/login", templateUrl: getTemplateUrl("login/Index") }) .state("main", { url: "/main", views: { '': { templateUrl: getTemplateUrl('home/shell') }, 'test1@main': { templateUrl: 'home/test1' }, 'test2@main': { templateUrl: 'home/test2' }, 'test3@main': { templateUrl: getTemplateUrl('home/test3') } } }); In the above example, when a

问题 I want to temporarily change the browser url when the ui bootstrap modal is opened ( The page behind should remain as is, only the url changes ). When the modal is closed the url should be reverted back to the original one. Steps : User loads the page url : xyz.com/home User clicks a link opens a modal url : xyz.com/detail/123 possible solution : changing url with html5 push state problem : Angular ui-router tries to run its routes as per the changed url, eventually changing the background

问题 When we updated our app to use angular-ui-router v1.0.3 we got some problems with the typescript definitions. Since we were using the $stateChangeSuccess event the migration guide told us that we now should use the TransitionService.onSuccess When everything is compiled to js it works fine, but the problem is that TransitionService do not exist in the Typescript definition file (downloaded using npm/@types) giving us trouble when building. https://github.com/DefinitelyTyped/DefinitelyTyped

问题 I'm working on an app that uses the ionic framework. This in-turn uses the ui-router. Currently, I have a pretty basic two-page app. However, it will expand to be much larger. At this time, I get an error when I transition from my first view to my second view. The error says: TypeError: Cannot read property '1' of null at http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:14235:28 at updateView (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:37839:30) at eventHook