Untitled

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

  <head>
    <script data-require="angular.js@*" data-semver="1.2.13" src="http://code.angularjs.org/1.2.13/angular.js"></script>
    <script data-require="angular.js@*" data-semver="1.2.13" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.js"></script>
    <script src="index.js"></script>
  </head>

  <body>
   <div ng-view></div>
  </body>

</html>

var app = angular.module('app', ["ngRoute"]);
app.config(function($routeProvider, $httpProvider) {
    $routeProvider.when("/", {
        controller: "MainCtrl",
        templateUrl: "tmp.html"
    }).otherwise({
        redirectTo: '/'
    });
});
app.controller('MainCtrl', ['$scope',
    function($scope) {
        console.log("init");
        $scope.add = function() {
            console.log($scope);
        }
    }
]);
app.directive('psDIR', [
    function() {
        return {
            template: "<div style='padding: 5px; border: 1px solid red; margin-bottom: 10px;'><p>This is a direcive:</p> <textarea rows='5' cols='50' ng-model='md'></textarea></div>",
            restrict: 'AEC',
            scope: {}
        }
    }
]);

<div class="psDIR"></div>
<div class="psDIR"></div>
<button ng-click="add()">Add</button>