title: Include link in angular-ui bootstrap alerts?
body: <p>How do I include links in an angular-ui bootstrap alert?</p>
  
  <p>Attempt:</p>
  
  <p><img src="https://i.stack.imgur.com/mwMfI.png" alt="alert"></p>
  
  <p><a href="http://plnkr.co/edit/QkewqbPkuzBvMrePERyV?p=preview" rel="noreferrer">Plunker Example</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div ng-controller="AlertDemoCtrl"&gt;
      &lt;alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)"&gt;{{alert.msg}}&lt;/alert&gt;
      &lt;button class='btn' ng-click="addAlert()"&gt;Add Alert&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Script</strong></p>
  
  <pre><code>function AlertDemoCtrl($scope) {
    $scope.alerts = [
      { type: 'error', msg: 'Oh snap! Change a few things up and try submitting again.' }, 
      { type: 'success', msg: '&lt;a href=""&gt;Well done!&lt;/a&gt; You successfully read this important alert message.' }
    ];
  
    $scope.addAlert = function() {
      $scope.alerts.push({msg: "Another alert!"});
    };
  
    $scope.closeAlert = function(index) {
      $scope.alerts.splice(index, 1);
    };
  
  }
  </code></pre>