angularjs-routing | 易学教程

AngularJS: service query returning zero result

阅读更多关于 AngularJS: service query returning zero result

问题 my app.js looks like var app = angular.module('pennytracker', [ '$strap.directives', 'ngCookies', 'categoryServices' ]); app.config(function($routeProvider) { console.log('configuring routes'); $routeProvider .when('/summary', { templateUrl: '../static/partials/summary.html'}) .when('/transactions', { templateUrl: '../static/partials/transaction.html', controller: 'AddTransactionController' }) }); while my app/js/services/categories.js looks like angular.module('categoryServices', [

AngularJS - use routeProvider “when” variables to construct templateUrl name?

阅读更多关于 AngularJS - use routeProvider “when” variables to construct templateUrl name?

问题 So this is what I am trying to accomplish: 'use strict'; var app = angular.module('myModule', ['ngRoute']); app.config(function($routeProvider) { $routeProvider .when('/', { redirectTo: '/pages' }) .when('/pages/:pageName', { templateUrl: 'views/pages/'+pageName+'html', controller: 'MainController' }); }); Basically, I want to use the uri to determine which template is used. Currently I get an error that pageName is not defined which I understand. What would be a different way of doing this?

Angularjs html5Mode page refresh breaks the routing in asp.net mvc

阅读更多关于 Angularjs html5Mode page refresh breaks the routing in asp.net mvc

问题 I am performing angularjs routing in my asp.net application.I have a folder name template which consist of 3 html pages Home,About,Error. Here is my app.js file var app = angular.module('myApp', ['ngRoute','ngAnimate']); app.controller('HomeController', function ($scope) { $scope.Message = "We are in home page"; }); app.controller('AboutController', function ($scope) { $scope.Message = "We are in about page"; }); app.controller('ErrorController', function ($scope) { $scope.Message = "404 page

AngularJS routing not working after site hosted into IIS

阅读更多关于 AngularJS routing not working after site hosted into IIS

问题 We are creating SPA technique using AngularJS in ASP.NET MVC framework,AngularJS routing between pages are working fine when it's run from VS2013,but after hosting the application in to IIS7.5 routing not working, Routing Script: var appRoot = angular.module('main', ['ngRoute', 'ngGrid', 'ngResource']); //Define the main module appRoot .config(['$routeProvider', function ($routeProvider) { //Setup routes to load partial templates from server. TemplateUrl is the location for the server view

Cross origin requests are only supported for HTTP

阅读更多关于 Cross origin requests are only supported for HTTP

问题 I'm trying run this code: <!DOCTYPE html> <html ng-app="myApp"> <head> <title>Exemple 06</title> </head> <body>  <div ng-controller="MyController"> <a ng-href="#/">Page 1</a> | <a ng-href="#/p2">Page 2</a> <div ng-view="#/p2"></div> </div> <script src="js/angular.js"></script> <script src="js/angular-route.js"></script> <script type="text/javascript"> var myApp = angular.module('myApp', ['ngRoute']); myApp.config(function($routeProvider){ $routeProvider .when('/' ,

what is the purpose of use abstract state?

阅读更多关于 what is the purpose of use abstract state?

问题 I am working on my tutorial AngularUI project. I read all about states, nested states and abstract states. The problem is that I can't understand why and when I should use abstract state? 回答1: Abstract state does mean the state that you wrote can't be accessible directly. Abstract states still need their own for their children to plug into. It gets called when we load its child's state. You can use abstract state to define some initial pattern of your page, suppose you can take an example of

Can I pass multiple controllers in $routeProvider.when() in angularJS?

阅读更多关于 Can I pass multiple controllers in $routeProvider.when() in angularJS?

问题 I tried searching for this on various threads, but I can't conclusively understand this. test.config(['$routeProvider', function($routeProvider){ $routeProvider .when('/', { controller:'SimpleController1', templateUrl: 'partials/1.html' }) .when('/xyz', { controller:'SimpleController1, SimpleController2', templateUrl:'partials/2.html' }) .otherwise({ redirectTo: '/'}); }]); I tried doing the above snippet, but it's not working. Can I do something like this? If yes, then what is it that I'm

Can I pass multiple controllers in $routeProvider.when() in angularJS?

阅读更多关于 Can I pass multiple controllers in $routeProvider.when() in angularJS?

Force AngularJS to reload a route although option reloadOnSearch is set to false

阅读更多关于 Force AngularJS to reload a route although option reloadOnSearch is set to false

问题 In the route configuration of my AngularJS application most of the routes are defined with the option reloadOnSearch set to false as most of the time a page should not reload when search parameter changed. But in rare circumstances I need a different behaviour where I need to reload the URL although only the search parameters changed. Is there a way to force AngularJS to reload the URL although reloadOnSearch is set to false ? 回答1: I have not tried it, but something that you can try is. In

Angularjs Nested states: 3 level

阅读更多关于 Angularjs Nested states: 3 level

问题 I am using Agnularjs and Ionic Framework. I am trying to achieve a nested states, which looks like below, Eventmenu(root) Home (2 level) Home 1 (3 level) Home 2 checkin attendee My routes file looks like, angular.module('ionicApp', ['ionic']) .config(function($stateProvider, $urlRouterProvider) { $stateProvider .state('eventmenu', { url: "/event", abstract: true, templateUrl: "event-menu.html" }) .state('eventmenu.home', { url: "/home", views: { 'menuContent' :{ templateUrl: "home.html" } } }