Я пытаюсь реализовать Dropdown с фильтром (поиск) в AngularJS.При попытке я не получаю как выпадающее меню выбора.Следующие изображения показывают до и после поиска в раскрывающемся списке.
При поиске появляется текстовая папка наподобие структурирования.
Пожалуйста, помогите мне исправить это и там, где я ошибаюсь.
Заранее спасибо.
Мой код следует здесь:
<html>
<head>
<title>Select with search</title>
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css" />
<link rel="stylesheet" type="text/css"
href="node_modules/ui-select/dist/select.min.css" />
<script src="node_modules/angular/angular.min.js"></script>
<script src="node_modules/ui-select/dist/select.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="selectCtrl">{{1+1}}
<ui-select ng-model="num.selected" theme='bootstrap'>
<ui-select-match>
{{$select.selected.name}}
</ui-select-match>
<ui-select-choices repeat='n in nums | filter: $select.search'>
{{n.name}} ({{n.email}})
</ui-select-choices>
</ui-select>
</div>
<script>
var app = angular.module("myApp", ['ui.select']);
app.controller("selectCtrl", function($scope) {
$scope.num = {};
$scope.nums = [{
name: 'apple',
email: 'apple@gmail.com'
},
{
name: 'alfa',
email: 'alfa@gmail.com'
},
{
name: 'bat',
email: 'bat@gmail.com'
},
{
name: 'cat',
email: 'cat@gmail.com'
},
{
name: 'dog',
email: 'dog@gmail.com'
},
{
name: 'monkey',
email: 'mon@gmail.com'
}
];
});
</script>
</body>
</html>