在文本输入中查找链接并将其转换为angularjs中的html链接

Question

我想在文本输入中找到链接并将它们转换为angularjs中的html链接。这是我的代码，但它不起作用。 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

我认为应该是：

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

ngBindHtml需要一个表达式，因此您不必使用插值标记{{ ... }}。

要在新标签页中打开链接，您将使用linky过滤器的目标设置：

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

Answer 2

$ scope.deal 它是 json objec t所以获取第一个数组项是从0开始

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

DEMO