Scope variable inside directive is not showing the value
<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>