javascript - 如何在使用angularjs的选择标签中使用select2显示标签

Question

我想使用 select2 在下拉菜单中设置标签。就像我想放置自定义电子邮件或其他任何内容一样，它应该显示为标签。我正在分享 jsfiddle。

<div ng-controller="MyCtrl">
    <label>Please select items:</label>
    <select ui-select2 multiple ng-model='selectedDaltons'>
        <option ng-repeat="d in daltons" ng-bind="d" value="{{ d }}"></option>
    </select>
</div>




var myApp = angular.module('myApp', ['ui.select2']);

function MyCtrl($scope) {
    $scope.daltons = [
        'Joe',
        'William' ,
        'Jack' ,
        'Averell' ,
        'Ma' 
    ];    
    $scope.selectedDaltons = 'joe'; // Averell is preselected 
};

http://jsfiddle.net/hWXBv/179/

Answer 1

在 ui-select 中，您可以使用“标记”功能，甚至可以设置标记标签。看看这个链接

https://github.com/angular-ui/ui-select/wiki/ui-select

还有这个笨蛋：

http://plnkr.co/edit/m1SQXUxftBLQtitng1f0