title: Scope variable inside directive is not showing the value
body: <p>I am half assured that this question is going to be down voted for not having thoroughly researched SO for similar issues. The issue is the following</p>
  
  <p><strong>script.js</strong></p>
  
  <pre><code>'use strict';
  angular.module('myApp', [])
  .directive('infoDirective', function(){
  return {
      scope: { test: '='},
      controller: function($scope){console.log("array-info", $scope); },
  };
  });
  
  angular.module('myApp')
  .controller('myCtrl', function($scope) {
  
    console.log($scope);
  });
  </code></pre>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;div class='col-md-12'&gt;
  
      &lt;h1 &gt;Test&lt;/h1&gt;
      &lt;div info-directive test="'alpha'"&gt;Variable test = {{ test }}&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>output</strong></p>
  
  <pre><code>Test
  Variable test =
  </code></pre>
  
  <p>Even though the log associated with the one marked array-info does show the scope variable having a test variable with value as "alpha", the html expression doesn't evaluate to anything as shown above.</p>
  
  <p>I have tried reading about the scope inheritance - but I don't think I completely understand the difference enough to debug this issue/ I am looking at the wrong topic to debug this.</p>
  
  <p>Any help would be much appreciated!
  <a href="http://plnkr.co/edit/SKYreniWsY5EjLH7N0vZ?p=preview" rel="nofollow">Plunkr</a></p>
  
  <p>Thanks
  Sud</p>