title: angular custom multiselect list
body: <p>I want to build a list that functions like a select or a multiselect given a param. eg. if the parameter is false, select A->select B, unselects A and selects B.</p>
  
  <pre><code> &lt;ul&gt;
        &lt;li&gt;a,&lt;/li&gt;
        &lt;li&gt;b, and&lt;/li&gt;
        &lt;li&gt;c&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>My initial approach looks something like: </p>
  
  <pre><code>&lt;ul myDirective&gt;
        &lt;li ng-model="a"&gt;a,&lt;/li&gt;
        &lt;li ng-model="b"&gt;b, and&lt;/li&gt;
        &lt;li ng-model="c"&gt;c&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Where mydirective watches for clicks on the LIs. On Click it determines if it needs to unselect or unset anything. Then selects the new value an and applies a selected class.</p>
  
  <p>I don't think I'm follows the angular paradigms and I'm looking for some help finding the right path forward.</p>
  
  <p><strong>** Edit **</strong> 
  I'm looking to provide a user experience like: <a href="http://jsfiddle.net/qbt2myj8/" rel="nofollow">http://jsfiddle.net/qbt2myj8/</a></p>