Question

我具有以下HTML，以显示article中的所有listAllArticle。文章description字段有时可以包含一个链接。现在，我要将链接转换为可单击的href。描述I love wwww.google.com的示例，此处的网址应转换为<a>到链接的href元素

           <table class="table table-bordered table-hover">
                <tr>
                    <th>Title</th>
                    <th>Description</th>
                    <th>Content</th>


                </tr>
                <tr ng-repeat="article in listAllArticles" ng-class-even="'info'" ng-class-odd="'success'">
                    <td col-2>{{ article.title }}</td>
                    <td col-2><div ng-bind-html="article[description ] | linky"></div></td>
                    <td col-4>{{ article.content }}</td>

                </tr>

尝试：我已按照本指南使用AngularJS linky。在上面，我已经将<div ng-bind-html="article[url] | linky"></div>进行了转换。

此外，在我的js文件中，我还包括了ngSantitize，如下所示：

var app = angular.module('app', ['ngSanitize']);

但是结果没有显示（显示为空）。你能帮忙吗？

Answer 1

在您的HTML中，只需将 article [description] 更改为 article.description 。它将按您期望的方式工作。

最终的HTML代码如下：

    <table class="table table-bordered table-hover">
     <tr>
            <th>Title</th>
            <th>Description</th>
            <th>Content</th>
     </tr>
     <tr ng-repeat="article in listAllArticles" ng-class-even="'info'" ng-class-odd="'success'">
            <td col-2>{{ article.title }}</td>
            <td col-2><div ng-bind-html="article.description | linky"></div></td>
            <td col-4>{{ article.content }}</td>
     </tr>
</table>

这是使用的测试数据：

$scope.listAllArticles = [
            {
                title:"",
                description:"I love www.google.com",
                content:""
            }
        ]

AngularJS将文本变量中的链接自动转换为可点击的链接

1 个答案: