angular.filter.linky.html

<h1>angular.filter.linky</h1>
<div class="angular-filter-linky"><fieldset class="workInProgress"><legend>Work in Progress</legend>
This page is currently being revised. It might be incomplete or contain inaccuracies.</fieldset>
<h2>Description</h2>
<div class="description"><p>Finds links in text input and turns them into html links. Supports http/https/ftp/mailto and
plane email address links.</p></div>
<h2>Dependencies</h2>
<ul class="dependencies"></ul>
<h2>Usage</h2>
<div class="usage"><h3>In HTML Template Binding</h3>
<div class="in-html-template-binding"><code ng:non-bindable="">{{ linky_expression | linky }}</code>
</div>
<h3>In JavaScript</h3>
<div class="in-javascript"><code ng:non-bindable="">angular.filter.linky(text)</code>
</div>
<h3>Parameters</h3>
<ul class="parameters"><li><code ng:non-bindable="">text – {string} – </code>
<p>Input text.</p></li>
</ul>
<h3>Returns</h3>
<div class="returns"><code ng:non-bindable="">{string}</code>
– <p>Html-linkified text.</p></div>
</div>
<h2>Example</h2>
<div class="example"><doc:example><doc:source>     Snippet: &lt;textarea name="snippet" cols="60" rows="3"&gt;
Pretty text with some links:
http://angularjs.org/,
mailto:us@somewhere.org,
another@somewhere.org,
and one more: ftp://127.0.0.1/.&lt;/textarea&gt;
     &lt;table&gt;
       &lt;tr&gt;
         &lt;td&gt;Filter&lt;/td&gt;
         &lt;td&gt;Source&lt;/td&gt;
         &lt;td&gt;Rendered&lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr id="linky-filter"&gt;
         &lt;td&gt;linky filter&lt;/td&gt;
         &lt;td&gt;
           &lt;pre&gt;&amp;lt;div ng:bind="snippet | linky"&amp;gt;&lt;br/&gt;&amp;lt;/div&amp;gt;&lt;/pre&gt;
         &lt;/td&gt;
         &lt;td&gt;
           &lt;div ng:bind="snippet | linky"&gt;&lt;/div&gt;
         &lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr id="escaped-html"&gt;
         &lt;td&gt;no filter&lt;/td&gt;
         &lt;td&gt;&lt;pre&gt;&amp;lt;div ng:bind="snippet"&amp;gt;&lt;br/&gt;&amp;lt;/div&amp;gt;&lt;/pre&gt;&lt;/td&gt;
         &lt;td&gt;&lt;div ng:bind="snippet"&gt;&lt;/div&gt;&lt;/td&gt;
       &lt;/tr&gt;
     &lt;/table&gt;</doc:source>
</doc:example>
</div>
</div>