title: how to compare a stringvalue in ng-show inside a customdirective?
body: <p>Trying to use a directive with an ng-show statement in it. Basically it checks against the value of a string which is the status_p1 property in my 'names' jsonarray:</p>
  
  <pre><code>ng-show="name.status_p1==working"
  </code></pre>
  
  <p>The directive is defined as this:</p>
  
  <pre><code>app.directive('radioButton',function(){
    return {
      restrict: 'E',
  
      replace: 'true',
  
      template: '&lt;table border="2px"&gt;' +
      '&lt;tr&gt;&lt;td&gt;{{name.name}}&lt;/td&gt;&lt;td&gt;Working&lt;/td&gt;&lt;td&gt;&lt;img src="http://www.iconshock.com/img_jpg/REALVISTA/general/jpg/256/cross_icon.jpg" alt="img1" id="imgworking" ng-show="name.status_p1!=working"&gt;&lt;img src="http://png-1.findicons.com/files/icons/2198/dark_glass/128/camera_test.png" alt="img2" ng-show="name.status_p1==working"&gt;&lt;/td&gt;&lt;/tr&gt;' +
      '&lt;/table&gt;'
    };
  })
  </code></pre>
  
  <p>The controller+ namesarray in my main page looks like this:</p>
  
  <pre><code> app.controller('MainCtrl', function($scope) {
   $scope.names = [
      {
        name: 'couple 1',
        status_p1: 'working',
        status_p2: 'retired'
      }
  
    ]
  });
  </code></pre>
  
  <p>And finally the main page:</p>
  
  <pre><code>&lt;body ng-controller="MainCtrl"&gt;
      &lt;div ng-repeat="name in names"&gt;
        &lt;radio-button&gt;&lt;/radio-button&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Currently is displays a cross where it should be displaying a check/tick. I was expecting the condition to evaluate to TRUE because the status_p1 property equals 'working'. How can I modify this ng-showstatement to make the string comparison working?
  plunkr link:<a href="http://plnkr.co/edit/3VdsbsSHpkNJFVnvkmOW?p=preview">http://plnkr.co/edit/3VdsbsSHpkNJFVnvkmOW?p=preview</a></p>