title: Why doesn't my directive using '=' bind?
body: <p>I have the following:</p>
  
  <p><strong>case-directive.js</strong></p>
  
  <pre><code>.directive('case', [function(){
          return {
              restrict: 'E',
              templateUrl: '/template/caseload/case.tmpl.html',
              scope: {
                  item: '=item'
              }
          }
      }]);
  </code></pre>
  
  <p><strong>case.tmpl.html</strong></p>
  
  <pre><code>&lt;div class="case"&gt;
      &lt;div&gt;&lt;span&gt;{{lastname}}&lt;/span&gt;, &lt;span&gt;{{firstname}}&lt;/span&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>caseload.tmpl.html</strong></p>
  
  <pre><code>&lt;div ng-repeat="c in caseload"&gt;
      &lt;!-- does NOT work, empty except for the commas--&gt;
      &lt;case item="c"&gt;&lt;/case&gt;
  
      &lt;!-- works --&gt;
      {{c.lastname}}, {{c.firstname}}
  &lt;/div&gt;
  </code></pre>
  
  <p>I've also tried inside of <strong>caseload.tmpl.html</strong></p>
  
  <pre><code>&lt;case ng-repeat="c in caseload" item="c"&gt;&lt;/case&gt;
  </code></pre>
  
  <p>What do I need to do to get my directive to print the names? I know I am getting data because the second example works.</p>