Bootstrap Clean Build

by paulftw

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<nav ng-app ng-controller='Foo' class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#" ng-click="$route(scope)">
        <img alt="Brand" class=brand src="http://a.deviantart.net/avatars/k/u/kutkumegsan.gif?11">
      </a>
    </div>
  </div>
</nav>

CSS

img.brand {
    width: 20px;
    height: 20px;
}

JavaScript

window.Foo = function Foo($scope, $rootScope) {
    //console.log('got scope ', $scope);
    
    $rootScope.$route = function() {
        console.log('route ', arguments, this);
        console.log('is this ', $scope === this );
    };
};