title: Angular JS - dynamically add href links to icons using ng-repeat
body: <p>I'm trying to use angular to create a table of different videos that are organized by topic, date, presenter and also are tagged. </p>
  
  <p>I've used ng-repeat to repeat over my array of objects to produce a table.</p>
  
  <p>However, how can I dynamically change the href link for the play button? </p>
  
  <p>In the jsfiddle below, I've added a static row of what each should look like. the first column has a fontawesome icon that is linked to a video. How can I edit the function so that the href link is updated in the ng-repeat?</p>
  
  <p><a href="http://jsfiddle.net/jheimpel/f139z9zx/3/" rel="noreferrer">http://jsfiddle.net/jheimpel/f139z9zx/3/</a></p>
  
  <pre><code>function playerCtrl($scope) {
  
    $scope.topics = [
     {
      "play": "play",
      "topic": "topic 1",
      "date": "date 1",
      "presenter": "presenter 1",
      "tags": "tag"
    },
      {
      "play": "play",
      "topic": "topic 2",
      "date": "date 2",
      "presenter": "presenter 2",
      "tags": "tag"
    },     
  
    ];
  
  }
  </code></pre>