Finds links in text input and turns them into html links in angularjs

Question

I want to find the links in text input and turns them into html links in angularjs.Here is my code but its not working. Html

<div class="item item-body" ng-bind-html="{{deal.notification_details}} | linky" >
</div>

controller.js

 $scope.deal=[{id:'0',notification_details:'sample description http://www/example.com'}];

Answer 1

I think it should be:

<div class="item item-body" ng-bind-html="deal.notification_details | linky"></div>

ngBindHtml expects an expression, hence you don't have to use interpolation markers {{ ... }}.

To open a link in new tab you would use target setting of the linky filter:

ng-bind-html="deal.notification_details | linky:'_blank'"

Answer 2

$scope.deal it is json object so get first array item is start from 0

<div class="item item-body" ng-bind-html="deal[0].notification_details | linky"></div>

DEMO