angular-ui-router

问题 I am very beginner in Angular.js, I am using the Ui-router framework for routing. I can make it work upto where I have no parameters in the url. But now I am trying to build a detailed view of a product for which I need to pass the product id into the url. I did it by reading the tutorials and followed all the methods. In the tutorial they used resolve to fetch the data and then load the controller but I just need to send in the parameters into the controllers directly and then fetch the data

问题 I am working through the ui-router docs. I have a decent feel for what I am trying to do with ui-sref. In the bottom td I am adding ui-sref to the desired href. I made sure to call the state that I want to fire and the brackets are the route Params that I am trying to create. the problem is though that I am getting Syntax Error: Token '.' is at column {2} of the expression [{3}] starting at [{4}] from the Angular docs. I made sure to reference some additional info incase I am missing in any

问题 I have the following state configuration: $stateProvider .state('customer', { url: '/customers', templateUrl: 'app/components/customer/templates/main.tpl.html', views: { 'list': { templateUrl: 'app/components/customer/templates/list.tpl.html', controller: 'ListCtrl as ctrl' } }, resolve: { customerList: function ($stateParams, CustomerResource) { console.log('trying to resolve'); var list = CustomerResource.list($stateParams); return list; } } }) Here is the main template: <div class=

问题 I have this code, which have 2 functions: say() will play the music (is implemented and it works) and router leads to next page (it works also) go_next() { this.say(); // audio this.router.navigate( ['app'], { queryParams: { 'part': this.part+1 } } ); //go to next page } But what I would like to do is to play music (it takes 5 sec) and then to go to the next page...how could I implement this?..I guess, I have to implement some kind of delay , but I can't find such parameter by router.navigate

问题 I am trying out the nested views feature of ui-router plugin, but faced the issue I don't know how to solve. The code that shows the problem can be found at http://jsfiddle.net/3c9h7/1/ : var app = angular.module('myApp', ['ui.router']); app.config(function($stateProvider) { return $stateProvider.state('root', { template: "<div class='top' ui-view='viewA'></div><div class='middle' ui-view='viewB'></div>" }).state('root.step1', { url: '', views: { 'viewA': { template: '<h1>View A</h1>' } } })

问题 Following the tutorial : http://scotch.io/tutorials/javascript/angular-routing-using-ui-router and the demo : http://scotch.io/demos/angular-ui-router#/about On the about page , there are two named views, "columnOne" and "columnTwo". Is it possible to instantiate the named views conditionally , If some condition fails the named view "columnOne" and its controller shouldnt instantiate and its place be left empty on the page. I would like to avoid the use of ng-if on the as do not wish the

问题 I'm having some issues grokking how Angular UI Router nested views work. My $stateProvider looks like this: $stateProvider .state('login', { url: "/login", views: { 'main': { templateUrl: "static/templates/login.html", controller: 'LoginCtrl' } } }) .state('dashboard', { url: "/dashboard", controller: 'DashboardCtrl', views: { 'main': { templateUrl: "static/templates/dashboard.html", }, 'content' : { templateUrl: 'static/templates/partials/dashboard-content.html', controller:

问题 Im building an app with AngularJs and ui-router. It's an admin panel with this structure: Not authenticated Authenticated Admin panel Client panel For each of the authenticated states, the app needs to load different content and give access to different information, for example: Admin: Can see a list with all clients, products, etc... Client: Can see only his products, tickets, etc... When the user log in I check if he's admin or client and then, with a lazyload, I load only the modules he

问题 html: <a ui-sref="user.tools.selectedTemplate({provider: t.id})" target="_blank">{{t.name}}</a> Above code is in ng-repeat with many template links loaded with name and id so when i click each link , href will be updated with id number appended to selected template link. I am generating about ten templates with same controller. I am passing value in ui-sref from one state to another so i need dynamic templateUrl, i tried this link issue but i cant able to send stateparams since the main

问题 I have some two ui-router states in my angular application, which works fine, like this: app.config(["$stateProvider", function($stateProvider){ $stateProvider .state("settings", { url: "/settings", views: { "secondMenu": { templateUrl: "second_menu.html?parent=settings", controller: "settingsController" }, "thirdMenu": { template: empty_template } } }) .state("cabinet", { url: "/cabinet", views: { "secondMenu": { templateUrl: "second_menu.html?parent=cabinet", controller: "cabinetController"