在文本输入中查找链接，并在 angularjs 中将它们转换为 html 链接

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

本文关键字：链接 html 转换 并在 输入 文本 查找 angularjs      更新时间：2023-09-26

我想在文本输入中找到链接，并在angularjs中将它们转换为html链接。这是我的代码，但它不起作用。目录

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

控制器.js

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

我认为应该是：

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

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

要在新选项卡中打开链接，请使用链接过滤器的目标设置：

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

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

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

演示

相关文章：