isteven-multi-select

html部分:
<div isteven-multi-select
input-model="allPersonnelGrouped"
output-model="groupedOutput"
button-label="icon name"
item-label="icon name maker"
tick-property="ticked"
max-height="250px"
group-property="msGroup">
</div>


angularjs部分:
$http.get('/messages/shifts').success(function(data) {

$scope.groupedShifts = data;


angular.forEach( $scope.groupedShifts, function( groupShift ) {

$scope.allPersonnelGrouped = [
{ name: '<strong>All Shifts</strong>', msGroup: true },
{ name: '<strong>' + groupShift.title + '</strong>', msGroup: true },
{ icon: '', name: groupShift.personnel, maker: '(' + groupShift.email + ')', ticked: false },
{ msGroup: false },
{ msGroup: false }
];

});

});

原文地址:https://www.cnblogs.com/shunzdd/p/5586024.html