angular-ui-router

问题 link to example: http://goo.gl/jJBMZL Here two states are defined. 1. home , 2. about home has 1 view viewA about has 2 views viewA and viewB but viewB is a sub part of about page. I want to show viewB inside of about.html page and not on index page. Is this possible. Please provide a plunkr link thanks. what is the best practice if there are various views and each view has sub states 回答1: You can include your page 'about-sub-level.html' inside 'about.html' using ng-include like as- <h1>I am

问题 I have an Angular 4.0 component, and its relative HTML with an NgFor cicle who creates a card element for each "book object" retrieved from my api (developed with django rest framework). BROWSER.HTML <div *ngFor="let book of books" class="col s12 m2"> <div class="card"> <div class="card-image"> <img src="{{book.img_url}}" > </div> <div class="card-content"> <span class="card-title">{{book.book_title}}</span> <p>ISBN: {{book.isbn}}</p> </div> <div class="card-action"> <a [routerLink]="['

问题 I'm using oclazyload to load an Angular controller dynamically, when I enter a specific nested state. That nested state: .state('login.home', { url: "home", views: { "nav-right": { templateProvider: function($http, $stateParams) { return $http({ method: 'GET', url: '/homeVnR' }).then(function successCallback(html) { return html.data; }); } }, "content@": { templateProvider: function($http, $stateParams) { return $http({ method: 'GET', url: '/homeV' }).then(function successCallback(html) {

问题 Update: My assumption was wrong. I expected that urls represent components of the path with corresponding combination in a way how final path is usually produced. But urls are just concatenated, nothing more. I have the following states: .state('banksList', { url: '/', ... }) .state('banksList.bank', { url: '/bank/{bankId}', ... }) .state('banksList.bank.branch', { url: '/branch/{branchId}', ... }) After transition to banksList.bank browser shows http://bla-bla//bank/1 , and base tag points

问题 I'm building a multistep form in the style of scotch.io. I used resolve to restrict access to next steps until the current step's object exists on the service model (side point – is there a DRYer way to do this?). The States Here's are my top-level routes: angular .module('donate') .config(routerConfig); /** @ngInject */ function routerConfig($stateProvider, $urlRouterProvider) { $stateProvider .state('root', { url: '', abstract: true, views: { 'donate': { controller: 'DonateController as

问题 I am new to angular js, I am creating a test app to understand the flow, however when I am trying to use $stateParams then my controller is not loading, in console I am getting the error message which is redirecting me to https://docs.angularjs.org/error/$injector/unpr?p0= where I am able to see this Error: error:unpr Unknown Provider My controller looks like below angular.module('NerdCtrl', []).controller('NerdController', ["$scope","$stateParams", "Nerd", function($scope, $stateParams, Nerd

问题 As I said in my other question, I'm creating a webapp in AngularJS with NodeJS, Express and Angular-UI-Router. At first I couldn't get the page to load at all (I managed to solve that problem), now the issue is that Angular-UI-Router doesn't seem to be able to go to nested states. Note that this is a problem only on Internet Explorer . The website works perfectly on Chrome and Firefox. I'm using Internet Explorer 11. "Regular" states work fine, but I can't access nested states (it doesn't

问题 When ever I reload/refresh the page, the state routes back to root page. When I checked the value of $state.current after reload it is empty. currentState: Object {name: "", url: "^", views: null, abstract: true} States: angular.module('App', ['ngCookies','ngResource','ui.router']) .config(function ($stateProvider, $urlRouterProvider) { $stateProvider .state('login', { url: '/login', templateUrl: "views/login.html", data: { required: false } }) .state('dashboard', { url: '/dashboard',

问题 I have gotten $state to work in one part of my application but not the other. It works the first time I call it like this: $state.go('main'); But I call it a little further down like this $state.go('signIn'); and can't get it to work there. What I want this code to do is if a user is not validated by $auth.validator , I want it to redirect to the sign in page with a message that says "You need to sign in". How do I do this? Here is my code: angular.module('starter', ['ionic', 'starter

问题 I am new to ui-router and struggling with a child page. I have one ui-view which handles all page changes. I have one page called account which accepts a parameter called :accountNumber . The state is set up like this: $stateProvider.state('account', { url: "/account/:accountNumber", templateUrl: 'app/account/account.tpl.html', controller: 'AccountController', controllerAs: 'controller', data: { requireLogin: true } }); Now I want to create a page that sits under the URL /account/