Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!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
              });
​
              $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>
​
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
sbedulinpro
0viewers