Angular Deep Linking example

HTML

<script src="http://docs.angularjs.org/angular-0.9.18.min.js" ng:autobind></script>     
    <script>
     AppCntl.$inject = ['$route']
     function AppCntl($route) {
      // define routes
      $route.when("",          {template:'./examples/welcome.html',  controller:WelcomeCntl});
      $route.when("/settings", {template:'./examples/settings.html', controller:SettingsCntl});
      $route.parent(this);

      // initialize the model to something useful
      this.person = {
       name:'an
       onymous',
       contacts:[{type:'email', url:'[email protected]'}]
      };
     }

     function WelcomeCntl($route){}
     WelcomeCntl.prototype = {
      greet: function(){
       alert("Hello " + this.person.name);
      }
     };

     function SettingsCntl(){
      this.cancel();
     }
     SettingsCntl.prototype = {
      cancel: function(){
       this.form = angular.copy(this.person);
      },

      save: function(){
       angular.copy(this.form, this.person);
       window.location.hash = "#";
      }
     };
    </script>
    <div ng:controller="AppCntl">
      <h1>Your App Chrome</h1>
      [ <a href="#">Welcome</a> | <a href="#/settings">Settings</a> ]
      <hr/>
      <span style="background-color: blue; color: white; padding: 3px;">
        Partial: {{$route.current.template}}
      </span>
      <ng:view style="border: 1px solid blue; margin: 0; display:block; padding:1em;"></ng:view>
      <small>Your app footer </small>
    </div>