linky能找出文本中的链接,然后把它转换成html链接.什么意思,就是说,一段文本里有一个链接,但是这个链接没有被a标签嵌套,linky能把它找出来,然后给它加上a标签并且给a链接添加正确的href属性,还可以设置打开的方式(_blank,_self,等…).
它查找链接是根据这些关键词来的: http/https/ftp/mailto/,或者就直接是一个email地址.
下面来看代码:
html:
<!DOCTYPE html> <html ng-app="myApp"> <head> <title></title> <meta charset="utf-8"> <script src="../angular-1.3.2.js"></script> <script src="angular-sanitize.min.js"></script> <script src="script.js"></script> <link type="text/css" href="../bootstrap.css" rel="stylesheet" /> </head> <body> <div class="container"> <table class="table table-bordered" ng-controller="ctrlLinky"> <caption>通过ngSanitize模块的linky过滤器编译链接</caption> <thead> <tr> <th>过滤方式</th> <th>指令的写法</th> <th>解析结果</th> </tr> </thead> <tbody> <tr> <td>使用linky编译链接</td> <td><pre><div ng-bind-html="myHtml | linky"><br></div> |
<div ng-bind-html="myHtml | linky:'_blank'">
</div>
<div ng-bind-html="myHtml">
</div>