Route Templates in Angular

A starting point for using route templates on jsFiddle.

by GregWebBandit

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular-route.js"></script>
<script type="text/ng-template" id="this.html">
    
  This Page.
</script>
<script type="text/ng-template" id="that.html">
  That Page.
</script>


<div >
  <ul >
    <li><a href="#/this">this</a></li>
    <li><a href="#/that">that</a></li>
  </ul>
  <ng-view></ng-view>
</div>

JavaScript

var nameHolder= [];

var app = angular.module( "myApp", ['ngRoute'] );

app.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/' + nameHolder, {
        templateUrl: nameHolder + ".html",
        controller: 'individ',
        nameofuser: nameHolder
    }).
      when('/', {
        templateUrl: 'this.html'
    });
}]);

app.controller('individ', function($scope, $route) {

    $scope.img =  $route.current.nameofuser;

});

$(document).ready(function(){
$('a').click(function(){
    nameHolder.length = 0;
   var pushThis = $(this).text();
    nameHolder.push(pushThis);
    console.log(nameHolder)
});
});