title: Pass string straight to angular directive?
body: <p>I'm trying to understand how to work with directives in Angular. In the examples on <a href="http://angularjs.org/" rel="nofollow">angularjs.org</a>, values are set in the scope in JavaScript, and then that scope is referenced when matching a directive.</p>
  
  <p>Template:</p>
  
  <pre><code>  &lt;my-customer info="naomi"&gt;&lt;/my-customer&gt;
  </code></pre>
  
  <p>Scope:</p>
  
  <pre><code>  .controller('Ctrl', function($scope) {
      $scope.naomi = { name: 'Cat', address: '1600 Amphitheatre' };
      $scope.igor = { name: 'Dog', address: '123 Somewhere' };
    })
  </code></pre>
  
  <p>Template:</p>
  
  <pre><code>Name: {{customerInfo.name}} Address: {{customerInfo.address}}
  </code></pre>
  
  <p>I would like to pass the attribute, straight from the template. So in this example I would like to write a template that outputs:</p>
  
  <pre><code>Name: Naomi
  </code></pre>
  
  <p>Without going through a scope.</p>