Custom-Styled multiple autocomplete without INPUT/SELECT tag


ng-model foo5: {{ foo5 }}
source: {{ source3 }}

{{'('+obj.key+') '+obj.text}}) x

HTML 

  <div id="sh2">
    <span ng-repeat="obj in foo5 track by $index">
      {{'('+obj.key+') '+obj.text}})
      <a href="" ng-click="foo5.splice($index, 1)">x
    </span>
    <auto-complete-div
      multiple
      default-style="false"
      ng-model="foo5"
      source="source3"
      value-changed="callback(value)"
      value-property="key"
      display-property="text">
      <input size="2" />
      <ul>
    </auto-complete-div>
  </div>

CSS

Javascript