<!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>
原文地址:https://www.cnblogs.com/DZzzz/p/10393688.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。