title: AngularJs multiple controllers of the same name in one file isolate scope
body: <p>At the beginning I will say that I am a beginner in angular and i learning it. I planing create gallery system where user can create multiple galleries. 
  I was using directive what http.get parital compile and create form for drop images. For one form working nice but when i add more form my function execute multipile times. I think my logic is bad for this or i doing something bad. This is my directive.</p>
  
  <pre><code>directive("contentControl",function($http,$compile){
      return {
          template: 'Click here',
          link: function(scope, element, attrs) {
              element.bind("click", function () {
                  $http.get("/js/angular/File/view/admin/FileUpload.html").then(function(resp) {
                      var html = resp.data;
                      var templateGoesHere = angular.element(document.getElementById('templateGoesHere'));
                      templateGoesHere.append(html);
  
                      $compile(templateGoesHere)(scope);
  
                  });
  
              });
          },
  
      }
  </code></pre>
  
  <p>Template</p>
  
  <pre><code>&lt;div ng-controller="FileController"&gt;
      &lt;button ng-click="upload(files)"&gt;&lt;/button&gt;
      &lt;form name="myForm"&gt;
          &lt;div ngf-drop="add($files)" ng-model="files" class="drop-box clearfix"
               ngf-drag-over-class="dragover" ngf-multiple="true"&gt;
              &lt;div ng-repeat="image in images"&gt;
                  &lt;div class="col-sm-3"&gt;
                      &lt;img ngf-thumbnail="!image.file.$error &amp;&amp; image.file"
                           ngf-size="{width: 5024, height:200, quality: 0.9}"
                           class="img-responsive"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And controller</p>
  
  <pre><code>.controller('FileController', function ($scope, Upload) {
          $scope.files = [];
          $scope.images = [];
          $scope.add=function(files)
          {
              console.log(files);
          }
          $scope.upload = function (files) {
              angular.forEach($scope.images,function(file)
              {
          });
              //angular.forEach($scope.images,function(file)
              //{
              //    console.log(file.file);
              //    Upload.upload({
              //        url: '/gallery/create',
              //        fields: {'name': file.file.name}, // additional data to send
              //        file: file.file
              //    });
              //});
          }
      });
  </code></pre>
  
  <p>I looking for isolate data or some one can explain me better logic for create multipile galleries</p>