关于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;
})

 

__EOF__

本文作者：Jun10ng
本文链接：https://www.cnblogs.com/wangzun/p/6277321.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！