angular-material-autocomplete

作者:frank 发表日期:2015-11-30 19:26:03 更新日期:2016-08-15 20:11:52 分类:猿文色

摘要

基于angular material的自动完成组件,目前只支持固定列表。

正文

配置如下:

angular
  .module('demoAutocomplete', [
    'ngMaterial',
    'fc.autocomplete'
  ]).controller('DemoCtrl', DemoCtrl);

function DemoCtrl($scope) {
  $scope.userList = ['abcdefg-1', 'abcdefg-2', 'abcdefg-3', 'abcdefg-4', 'abcdefg-5'];
}

Options:

placeholder: input的placeholder属性
list-data: array,待选择的所有数据

HTML文件如下:

<div fc-auto-complete placeholder="请输入内容" list-data="userList"></div>

DEMO