AngularJS:如何将文本转换为linky

时间:2014-08-20 12:21:03

标签: html angularjs hyperlink angularjs-directive angular-ui

如何将文字URL转换为linkable?我使用过angular-sanitize.min.js(1.2.11)。自首次部署以来,我一直在使用此版本。

angular-sanitize正在为具有适当格式的文本正常工作,例如:如果它以http / https / ftp / email开头但不适用于www。

我想将以下文字网址显示为可链接,不会被angular-sanitize转换。

1)www.stackoverflow.com
2)stackoverflow.com
3)WWW.STACKOVERFLOW.COM
4)STACKOVERFLOW.COM

以上URL's显示为普通文字。

以下是我尝试过的代码:

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

    app.controller('Controller', [
      '$scope',
      '$http',
      'service',
      function ($scope, $http, service) {
        //calling service to fetch data from service.
      }]);

    app.service('service', function () {
      this.fetch = function($scope, $http) {
        //contact server and get address.
        $scope.httpurl = address;
      }
    }; 

我的HTML有以下代码

    <div id="linky-target">
        <div ng-bind-html="httpurl | linky:'_blank'">
            {{httpurl}}
        </div>
    </div>

我尝试使用link但是没有用。 如何将以上指定的格式URL设为可链接?任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:0)

你是否试着像这样写:

<div id="linky-target">
    <div ng-bind-html="httpurl">
        {{httpurl}}
    </div>
</div>

使用ng-bind-html-unsafe?