如何调用输入更改的ui select标签内的函数

时间:2015-08-19 11:28:18

标签: angularjs ui-select

<input 
  data-id={{field.id}} 
  type="text" 
  ng-model="add[field.id]" 
  typeahead="item for item in {{field.function}}($viewValue+'*')" 
  class="form-control" 
  typeahead-select-on-exact="true"
  ng-if="field.function" 
  typeahead-editable="false" 
  typeahead-select-on-blur="true"
  ng-pattern="field.validate.pattern?field.validate.pattern:''"  
  maxlength="{{field.validate.maxlength?field.validate.maxlength:''}}"
  minlength="{{field.validate.minlength?field.validate.minlength:''}}"
  required>

我想使用ui-select而不是typeahead来更改此输入标记。我试过了

 <ui-select 
  ng-if="field.function"
  ng-model="add[field.id]" 
  theme="selectize" 
  ng-disabled="disabled" 
  style="width: 300px;">
    <ui-select-match>{{$select.selected}}</ui-select-match>
    <ui-select-choices repeat="item for item in {{field.function}}($select.search +'*')"> 
    </ui-select-choices>
</ui-select>

我无法转换

typeahead="item for item in {{field.function}}($viewValue+'*')"

这里我正在调用一个函数,该函数根据输入的值返回值。

1 个答案:

答案 0 :(得分:0)

使用ngInit获取值

<div ui-select ng-init="vm.$select = $select"></div>
<button ng-click="vm.search(vm.$select.search)">Search</button>