Угловой маршрутизации с выдачей параметров

У меня есть приложение MVC, я хочу сделать маршрутизацию для следующего URLУгловой маршрутизации с выдачей параметров

http://localhost:2668/Home/User/1

Стараюсь

.config(function ($routeProvider, $locationProvider) { 
//here we will write code for implement routing 
$routeProvider 
.when('#/Home/User/:userid', { 
    templateUrl: '/AngularTemplates/User.html', 
    controller: 'UserController' 
}) 

.otherwise({ // This is when any route not matched 
    controller: 'ErrorController' 
}) })

а затем UserController, как показано ниже:

.controller('UserController', ['$scope','$routeParams', function ($scope,$routeParams) { 
    // $routeParams used for get query string value 

    //var loc = window.location.href; 
    //var id = loc.slice(loc.lastIndexOf('/'), loc.length).split('/')[1]; 
    $scope.Message = "This is ORDER Page with query string id value =" + $routeParams.userid; 
}])

Но я всегда получаю «неопределенный» для пара $routeParams.userid

Что не так в моем коде? Пожалуйста, помогите спасибо!

источник

2015-10-29 Lewis Hai

Просто удалите # из когда это condition.you он не нужен. –

Спасибо, но он по-прежнему «неопределен». –

: userid} должно быть: userid Посмотрите на "}". –

Вот рабочий пример:

<!DOCTYPE html> 
<html ng-app="app"> 

    <head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular-route.js"></script> 
    </head> 

    <body> 
    <h1>Hello Plunker!</h1> 

    <a href="/Home/User/11">user 11</a> 
    <a href="/Home/User/12">user 12</a> 

    <div ng-view></div> 

    <script> 
     var app = angular.module('app', ['ngRoute']); 

     app.config([ 
      '$locationProvider', '$routeProvider', 
      function ($locationProvider, $routeProvider) { 

       $locationProvider.html5Mode({ 
        enabled: true, 
        requireBase: false 
       }).hashPrefix('!'); 

       $routeProvider 
       .when('/Home/User/:userid', { 
        template: '<pre>{{ message }}</pre>', 
        controller: 'UserController' 
       }); 
      }]); 

     app.controller('UserController', ['$scope','$routeParams', function ($scope, $routeParams) { 
      $scope.message = "userid = " + $routeParams.userid; 
     }]); 
    </script> 
    </body> 

</html>

JSBin http://output.jsbin.com/geluli

Вы можете прочитать больше о маршрутизаторе по умолчанию здесь (хорошие примеры + тесты) https://docs.angularjs.org/api/ngRoute/service/$route

источник

2015-10-29 09:20:39 sbedulin

Спасибо, Сбедулин! –

Ницца! Но '.hashPrefix ('!')' На самом деле не требуется ?! – Michael

Угловой маршрутизации с выдачей параметров

ответ

Смежные вопросы