title: Angular Directive Does Not Evaluate Inside ng-repeat
body: <p>I have the following setup:</p>
  
  <p>App/Directive</p>
  
  <pre><code>var app = angular.module("MyApp", []);
  
  app.directive("adminRosterItem", function () {
      return {
          restrict: "E",
          scope: {
              displayText: "@"
          },
          template: "&lt;td&gt;{{ displayText }}&lt;/td&gt;", // should I have this?
          link: function(scope, element, attrs){
              // What do I put here? I don't seem to have any
              // element to initialize (set up event handlers, for example)
          },
          compile: function(?,?,?){} // should I have this? If so, what goes inside?
      }
  });
  </code></pre>
  
  <p>Controller</p>
  
  <pre><code>function PositionsController($scope) {
             $scope.positions = [{ Name: "Quarterback", Code: "QB" },
                                 { Name: "Wide Receiver", Code: "WR" }
                                ]; 
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div ng-app="MyApp"&gt;
      &lt;div ng-controller="PositionsController"&gt;            
          &lt;table&gt;
              &lt;tr ng-repeat="position in positions"&gt;
                  &lt;admin-roster-item displayText="{{ position.Name + ' (' + position.Code + ')' }}"&gt;&lt;/admin-roster-item&gt;
               &lt;/tr&gt;
           &lt;/table&gt;       
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It's a very simple example, but I can't get it to render. Perhaps there's something that tutorials aren't telling me, or that is secret Angular knowledge? </p>
  
  <p>If I remove the directive inside the <code>&lt;tr ng-repeat="..." /&gt;</code> and place <code>&lt;td&gt;{{ displayText }}&lt;/td&gt;</code> instead, it will show all records. </p>
  
  <p>But I want the directive to be more complicated than just a single <code>&lt;td&gt;{{}}&lt;/td&gt;</code> (eventually) so that I could reuse this directive in multiple apps.</p>
  
  <p>So, I'm really asking how do we properly create a directive that goes inside ng-repeat? What am I missing? What should be taken off from the code above?</p>