关于angularjs+typeahead的整合

和angularjs-xeditable的基本相似，主要区别在于前者用于普通input中，后者用于xeditable中

在angularjs-xeditable需要自动提示的地方要用e-uib-typeahead和e-typeahead-on-select,而在普通页面时需要使用uib-typeahead和typeahead-on-select。

当然首先需要加入模块

var Myapp = angular.module('Myapp ',['xeditable']);

 

HTML代码如下

angularjs-xeditable中

        <span editable-text="product.type" e-name="type" e-form="rowform" 
         e-uib-typeahead="products.type  for products in products | filter:$viewValue | limitTo:8" 
         e-typeahead-on-select="getProductDetail($item, $model)" 
          >
           {{ product.type || 'empty' }}
        </span>

 

普通的input中

<input type="text" id="choseDeviceName" name="choseDeviceName" class="form-control" ng-model="selected" 
uib-typeahead="products.type  for products in products | filter:$viewValue | limitTo:8" 
typeahead-on-select="funcGetProductDetail($item, $model, $label, $event)"  
> 

 JS的数据

 

$http.get('selectProducts').successs(function(data){
  $scope.products=data;
})