title: Attaching angularjs controller via directive is not assigning class="ng-scope"
body: <p>I am new to angular so apologies if I am missing a simple concept here.  I have developed my application using a lot of directives to put in sections of my site.  They have a template and a controller and I am assigning the controller inside of the direct.  I intend to use these bits on other places on the site</p>
  
  <pre><code> &lt;div class="navbar navbar-inverse navbar-fixed-top"&gt;
      &lt;div class="container-fluid"&gt;
          &lt;div class="navbar-header"&gt;
              &lt;ng-blah-logo&gt;&lt;/ng-blah-logo&gt;
          &lt;/div&gt;
          &lt;div class="navbar-collapse collapse"&gt;
              &lt;ng-blah-login&gt;&lt;/ng-blah-login&gt;
          &lt;/div&gt;
          &lt;!--/.navbar-collapse --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;ng-blah-marketplace-form&gt;&lt;/ng-blah-marketplace-form&gt;
  </code></pre>
  
  <p>The JS is (what I thought was) pretty straight forward:</p>
  
  <pre><code>var ngBlahMarketplaceFormCtrl = function($scope) {
      console.log($scope)
  
      $scope.form.name = ''
      $scope.form.phone = ''
      $scope.form.firm = ''
      $scope.form.brief = ''
  
  
      $scope.submit = function(){
          console.log('ngBlahMarketPlaceFormCtrl::submit()')
          console.log($scope.form)
      }
  }
  
  app.directive('ngBlahMarketplaceForm', function () {
      return {
          restrict: 'E'
          , transclude: true
          , replace: true
          , templateUrl: '/resources/ngViews/marketplaceForm.html'
          , controller: 'ngBlahMarketplaceFormCtrl'
      };
  });
  
  var ngBlahLoginCtrl = function($scope) {
      console.log($scope)
  
      $scope.default = {}
      $scope.default.username = 'username' ;
      $scope.default.password = 'password';
  
      $scope.form = _.clone($scope.default) ;
  
      $scope.submit = function() {
          console.log('ngBlahLoginCtrl::submit()')
      }
      $scope.help = function() {
          console.log('ngBlahLoginCtrl::help()')
      }
  }
  
  
  // login form and the controller to logic
  app.directive('ngBlahLogin', function () {
      return {
          restrict: 'E'
          , transclude: true
          , replace: true
          , controller: 'ngBlahLoginCtrl'
          , templateUrl: '/resources/ngViews/loginThin.html'
  
      };
  });
  </code></pre>
  
  <p>OK so the issue I have is that only one scope is being created.  When I investigate the DOM the only element with a class="ng-scope" is the Body tag.  What have I done to get this behavior?  Do I need to post more code to assist in getting to the bottom of this?</p>
  
  <p>Thank you in advance!</p>
  
  <p>Edit: js fiddle: <a href="http://jsfiddle.net/U5UxX/" rel="nofollow">http://jsfiddle.net/U5UxX/</a>
  Inside of the JS Fiddle you can see two logs to the console inside of two different controller.  Both times it logs the scope variable, and in both cases the scope.id are the same</p>
  
  <p>Edit: clarifying the problem, which is that my two controllers share the same $scope variable.  The page "renders" (the HTML) as expected.  For some reason the only element with a class="ng-scpoe" attribute is the body tag (which contains the ng-app attribute as well).</p>
  
  <p>Thanks again</p>