angular-ui-select
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link href="https://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/angular-ui-select/0.20.0/select.css" rel="stylesheet">
</head>
<body>
<div>
<div ng-app="app" ng-controller="ctrl">
<ui-select ng-model="selected.value" multiple="multiple">
<ui-select-match>
<span ng-bind="$select.selected.name"> {{$select.selected.name}}</span>
</ui-select-match>
<ui-select-choices repeat="item in (itemArray | filter: $select.search) track by item.id">
<span ng-bind="item.name"></span>
</ui-select-choices>
</ui-select>
{{selected.value}}
</div>
</div>
<script src="https://cdn.bootcss.com/angular.js/1.6.9/angular.min.js"></script>
<script src="https://cdn.bootcss.com/angular.js/1.6.9/angular-sanitize.min.js"></script>
<script src="https://cdn.bootcss.com/angular-ui-select/0.20.0/select.min.js"></script>
<script>
angular.module('app', ['ui.select', 'ngSanitize'])
.controller('ctrl', ['$scope', function ($scope) {
$scope.itemArray = [
{ id: 1, name: 'first' },
{ id: 2, name: 'second' },
{ id: 3, name: 'third' },
{ id: 4, name: 'fourth' },
{ id: 5, name: 'fifth' },
];
$scope.selected = { value: $scope.itemArray[2] };
}]);
</script>
</body>
</html>
AngularJS中使用Chart.js制折线图与饼图实例 Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题，...
Angular实现下拉菜单多选写这篇文章时，引用文章地址如下：h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...