angular-ui-router

问题 I have UI routes defined in ionic, and made a console.log in controller, but my problem is when I switch between URLs using ng-href="/#/LINK" then no data displayed in console, but when I refresh the same page I am able to see the data in console .... let me know what I am doing wrong here. Routes - .state('app.roomone', { url: "/roomone/:id", views: { 'menuContent': { templateUrl: "templates/roomone.html", controller: 'RoomoneCtrl' } } }) .state('app.roomtwo', { url: "/selecroom/:roomname/

问题 How to config UI Router to reenter or reload the state by default? E.g. user wants to refresh page, so he clicks the link that follows to that page. But currently the link isn't clickable, as it goes to the same page and the state doesn't change. Refreshing with browser button does work, so it reloads entire SPA again - isn't desirable. This question - Reloading current state - refresh data - describes similar effect. Is it possible to change this solution - https://stackoverflow.com/a

问题 I am developing an application using Angular2. I have a component with the following template: <div> <router-outlet></router-outlet> </div> Can someone please help me how to load an external URL 'www.example.com' in this div? 回答1: Just create a component to render inside <ng-outlet> by using the routing config. Then you component template inside should have an <iframe> pointing to your external site. import {Component, OnInit} from '@angular/core'; @Component({ selector: 'app-external-page',

问题 I'm a complete Angular noob and trying to do some fancy stuff quickly, so forgive me if this is a dumb question. I've created a website that uses routing, and I'm using ui-router for the routing instead of the standard Angular router. The theory is still the same - I have an index.html page in the root of my website which is the "master" or "host" page, and loginView.htm, which is a partial, exists in a separate directory. The mainController for the project is loaded in the index.html page.

问题 Why does Angular sometimes use a hash in the URL and other times use a hashbang? I've started writing two Angular apps from scratch. Neither are using HTML5 mode. Both have the same default route. However, the default URLs display differently. I've been seeing this random behaviour for at least a year... long before angular-route v1.6. Also, I've always used angular-ui-router. The default route: configRoutes.$inject = ['$urlRouterProvider']; function configRoutes ($urlRouterProvider) {

问题 How do I access other subviews in the same state. I am building a page with a toolbar on top and a sidebar and I want a button on the toolbar to open/close the sidebar and buttons in the sidebar to change the content. easy of it's all in the same controller but what I did is to use ui-router's subview feature like this: .state('dash', { url: '/dash/:id', views: { nav: { controller: 'NavCtrl', controllerAs: 'ctrl', templateUrl: '/views/navbar.html' }, sidebar: { controller: 'SidebarCtrl',

问题 I'm trying to combine Express with Angular and notably Angular-UI Router and use Jade: My index.jade looks like this: doctype html html(lang="en") head meta(charset='UTF-8') meta(name='fragment', content='!') base(href='/') title Node Express Angular Example meta(name='viewport', content='width=device-width, initial-scale=1.0') link(rel='stylesheet', href='//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css') link(rel='stylesheet', href='./css/style.css') body(style='', ng-app=

问题 I'm building a dashboard similar to this one Admin Dashboard Theme I'm implementing the Right Side SideBar as show in the screenshot My App code structure is something like: index.html: <div ui-view=""></div> main.html <div ui-view=""></div> <div ng-include='"app/dashboard/sidebar.html"'></div> I have done nesting of view in my main.html where I'm injecting different views. Also, since my right side sidebar is fixed, I want it to be common in all the main views. So, I have just included it in

问题 I have a REST API which has something like this: GET /zones - lists all zones { "zones": [ { "name": "zone 1", "persons": [ 0, 2, 3 ], "counter" : 3 }, { "name": "zone 2", "persons": [ 1, 5 ], "counter" : 0 } ] } POST /zones - creates a new zone { "name": "zone 1", "persons": [ 0, 2, 3 ] } DELETE /zones/:id deletes a zone PUT /zones/:id updates a zone and now, finally I have this: GET /zones/increment_counter/:id which increments the counter parameter of the zone. I am using Angular and I am

问题 This is a code of a tutorial about ui router. I have a question about it. I am trying to find a way to save the previous state for viewB in the code below. What I mean - you can see that route1 state has content only for viewA, viewB isn't there. My question is - is it possible when I choose route1 state, the viewA to be updated with the template route1.viewA but the right not to be updated to be empty, but the previous content of the right box - route2.viewB or index.viewB to stay there