background-position: -48px -96px;

}

padding: 0;

margin: 10px 0;

}

display: inline-block;

border-left: 2px solid;

margin-left: 5px;

padding-left: 10px;

}

border-left: none;

margin-left: 0;

}

<li><a href="#directives-keypress">Keypress</a></li>

<li><a href="#directives-mask">Mask</a></li>

<li><a href="#directives-modal">Modal</a></li>

<li><a href="#directives-reset">Reset</a></li>

<li><a href="#directives-scrollfix">Scrollfix</a></li>

<li><a href="#directives-select2">Select2</a></li>

</section>

<div class="page-header">

</div>

<div class="row">

<div class="span6">

<h3>What?</h3>

<p>Remove elements from the DOM completely instead of just hiding it.</p>

<div class="well">

<ul class="piped-list">

<li>Middle</li>

<li>Last</li>

</ul>

<ul class="piped-list">

<li>Middle</li>

<li>Last</li>

</ul>

<h3>How?</h3>

<pre class="prettyprint linenums" ng-non-bindable>

&lt;ul class="piped-list"&gt;

&lt;li&gt;Middle&lt;/li&gt;

&lt;li&gt;Last&lt;/li&gt;

&lt;/ul&gt;

<p>Get the length attribute of an array, string, or object</p>

<div class="well">

<p><input ng-model="lengthFilter" placeholder="Filter the list"></p>

<ul>

<li ng-repeat="value in items | filter:lengthFilter">{{value}}</li>

</ul>

<h3>How?</h3>

<pre class="prettyprint linenums" ng-non-bindable>

&lt;input ng-model=&quot;lengthFilter&quot; placeholder=&quot;Filter the list&quot;&gt;

&lt;ul&gt;

&lt;li ng-repeat=&quot;value in items | filter:lengthFilter&quot;&gt;{{value}}&lt;/li&gt;

&lt;/ul&gt;