如何让它选择在uib-typehead（bootstrap）中输入的确切单词

Question

在html的angularjs中使用 bootstrap 中的 uib-typehead ，

http://plnkr.co/edit/4vVznXyjZo3HuIb2p5as?p=preview

<div class="form-group"> {{customer}}
  <input placeholder="Vælg kunde" type="text" ng-model="customer" typeahead-editable="true" uib-typeahead="state for state in states | filter:$viewValue | limitTo:8" class="form-control" typeahead-min-length="0" typeahead-no-results="noResults">

   <span ng-if="noResults" uib-dropdown uib-dropdown-toggle auto-close="disabled" is-open="true">
      <ul class="uib-dropdown-menu" >
        <li><a href>no results</a></li>
      </ul>
    </span>

</div>

这里我的问题是如何添加我自己的值（'Cal'字符串）不在数组中（这里是'states'数组）。

例如，在下面的链接上，在输入框中，如果我输入“Cal”，那么，如果我按Enter键，将选择“California”，但是，而不是，如果我键入'Cal'，那么，如果按下回车键，则只应选择'Cal'。

我如何进行此更改？有什么帮助吗？