angular-ui-router

问题 In my angular application I use AngularJS v1.4.3 (currently latest version) Also using angular-animate https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular-animate.min.js Using angular-ui-router ver 2.15 https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.min.js I get an error: cannot read property 'runner' of undefined This error not appears always, but sometime when i try to change location I got this error. Thanks 回答1: you can find this issue on

问题 I am working on a project in which I have used Angular-UI routing. When I try to refresh web page or enter URL directly, It is redirected to parent state. It does load the state of the URL which I have reloaded but then quickly redirects to parent state. Here is my state routing $stateProvider .state('home', { url: "", views: { "home": { templateUrl: root_url + "home" }, }, }) .state('home.store', { url: "/store", views: { "store": { templateUrl: root_url + "store" }, }, }) .state('home.store

问题 I am in angularjs. I am trying to append paramter in url using $location.search('sid', key); . The value of key is coming from another server by http request. Here is the code for append parameter. .config(['$routeProvider',function ($routeProvider) { $routeProvider .when('/', { templateUrl: 'test1.html', controller: 'test1Controller' }) .when('/message/:userId', { templateUrl: 'test2.html', controller: 'test2Controller' }) .otherwise({ redirectTo: '/' }); }]) .run(['$route', '$rootScope', '

问题 I have an AngularJs (1.7) SPA with Webpack (4.x). This is how we create chunknames: config.output = { path: PATHS.build, publicPath: '/dist/', filename: `[name]${isDev ? '' : '.[contenthash:8]'}.bundle.js`, chunkFilename: `chunks/[name]${isDev ? '' : '.[contenthash:8]'}.chunk.js` }; The lazyloading is done in the state definitions in ui-router basically like this: $stateProvider .state('reports', { url: '/projects/:project_id/reports', lazyLoad: function($transition$) { const injector =

问题 Previously, I was using ngRoute in my main controller. I have to create child view functionality and it is only achieved by UI-Router . please suggest? 回答1: Yes you can use both. var myModule = angular.module("myModule", ["ui.router", "ngRoute"]); 回答2: Yes, you can use ngRoute / angular-route ( $routeProvider ) and ui-router ( $stateProvider ) together (in particular, the second inside of the first). Check this repo's master to find the example. In a couple of words, the ui-router in this

问题 I have create an application with loopback and angular but i have a problem. When i refresh the browser loopback give me a 404 url not Found. Added base tag to index.html <base href="/"/> Set middlelware.json properly to serve static content: "files": { "loopback#static": { "params": "$!../client" } Set HTML5 mode in angular router (I'm using ui-router) $locationProvider.html5Mode(true); $urlRouterProvider.otherwise('/'); I have yet deleted root.js from the project. What i'm doing wrong?

问题 I'm trying to open a modal with angularjs. My route to task list is: /client/:id/task/list Its working fine. Now, i'm trying to show the task info in a modal, above the list. My route for this is: /client/:id/task/:id How can i open the modal above the list view, change the URL, but don't change the view? I saw a lot of topics about this, but with none solution. Thanks. 回答1: You can specify states you want to show as modal and when handled, return to state you want to. For example; app.config

问题 I'm trying to open a modal with angularjs. My route to task list is: /client/:id/task/list Its working fine. Now, i'm trying to show the task info in a modal, above the list. My route for this is: /client/:id/task/:id How can i open the modal above the list view, change the URL, but don't change the view? I saw a lot of topics about this, but with none solution. Thanks. 回答1: You can specify states you want to show as modal and when handled, return to state you want to. For example; app.config

问题 Let say I have nested DOMs and each has ui-sref for different angular-ui-router state. I want to click outer to only alert outer and click inner to only alert inner. Currently if I click inner , it will alert both outer and inner state. HTML: <!DOCTYPE html> <html ng-app="plunker"> <head> <meta charset="utf-8" /> <title>AngularJS Plunker</title> <script>document.write('<base href="' + document.location + '" />');</script> <link rel="stylesheet" href="style.css" /> <script data-require=

问题 I have a controller attached to a state, and everytime said state is accessed, I need my controller to run a block where I do a verification. How can I do this? 回答1: For reloading controller every time you should mention reload: true option on you .state declaration of ui-router Sample Code $stateProvider .state('state1', { templateUrl: 'state1.html', controller: `state1Ctrl`, reload: true //forcefully reload route and load controller again }) Also you could refer this SO Question 回答2: In