how to show tags using select2 in select tag using angularjs

Question

I want to set the tags in in drop down usning select2. Like i want to put custom e-mail or anything else then it should show as tag. I am sharing the 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/

akashrajkn · Accepted Answer · 2015-06-23 09:28:55Z

2

In ui-select, you can use the 'tagging' feature, you can even set the tagging-label. Check out this link

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

And this plunker:

http://plnkr.co/edit/m1SQXUxftBLQtitng1f0

answered Jun 23, 2015 at 9:28

akashrajkn

2,3232 gold badges24 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to show tags using select2 in select tag using angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related