title: Why is the console.log and functions inside this controller not working?
body: <p>The <code>console.log</code> statement isn't logging anything, and neither is the rest of the code inside my controller function:</p>
  
  <pre><code>var app = angular.module('myApp.manage.alertDirectives', [])
  .directive('alert-bar', function () {
  
      return {
          template: 
              '&lt;section ng-show="showAlert" ' +
              'ng-click="closeNotification()" ' +
              'class="ng-notification"&gt; ' +
              '&lt;p class="alert-msg"&gt;{{alert_message}}&lt;/p&gt; ' +
              '&lt;div class="alert-bg {{alert_type}}"&gt;&lt;/div&gt; ' +
              '&lt;/section&gt;',
          restrict: 'E',
          controller: function($scope,
                               ScopeFactory) {
  
              console.log('inside controller for alerts Directive:');
              var vs = $scope;
              ScopeFactory.saveScope('alerts', vs);
          }
      };
  });
  </code></pre>
  
  <p>However in my other directive's controller, the code there is working!</p>
  
  <pre><code>var app = angular.module('myApp.manage.termsDirectives', 
  ['myApp.manage.alertDirectives'])
  
  .directive('termsForm', function() {
      return {
          templateUrl: "manage/terms/termsForm.html",
          restrict: "E",
          controller: function($scope,
                               $location,
                               ApiFactory,
                               TermsFactory,
                               TermsStringFactory,
                               ScopeFactory) {
  
              console.log('inside controller for termsForm Directive:');
  </code></pre>
  
  <p><code>&lt;alert-bar&gt;&lt;/alert-bar&gt;</code> is at the top of my page, and <code>&lt;terms-form&gt;&lt;/terms-form&gt;</code> is inside of another controller:</p>
  
  <p><code>&lt;div class="container" ng-view&gt;&lt;/div&gt;</code> contains the following:</p>
  
  <pre><code>&lt;div class="col-sm-12 terms-container" ng-controller="TermsCtrl as tc"&gt;
      &lt;div class="row" id="term-form-block"&gt;
          &lt;terms-form&gt;&lt;/terms-form&gt;
  </code></pre>