title: Angular - Having a link inside the textarea
body: <p>I have a requirement of having a <strong>clickable link</strong> inside a textarea element. Am setting the value for textarea using ng-model of Angular. Please let me know how to achieve this.</p>
  
  <p>Demo for play is below</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var app = angular.module('myApp', []);
  app.controller('myCtrl', function($scope) {
      $scope.url = "http://stackoverflow.com/"
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"&gt;&lt;/script&gt;
  &lt;!DOCTYPE html&gt;
      &lt;html ng-app="myApp" &gt;
      &lt;head&gt;
      &lt;script src="https://code.angularjs.org/1.4.9/angular.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
        &lt;div ng-controller="myCtrl"&gt;
          &lt;textarea ng-model = "url"&gt;&lt;/textarea&gt;
        &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>