var app = angular.module('myapp',[]);

app.directive('multiselect',function(){

 return{

   restrict:'E',

   controller:'myctrl',

   template:'<select ng-model="selected" ng-options="item.name for item in opt1" size="4"></select><br><button class="btn btn-default" ng-click="addOption()">Add</button><br>',

 };

}).directive('multiselect1',function(){

 return{

   restrict:'E',

   controller:'myctrl',

   template:'<br><select ng-model="selected" ng-options="item.name for item in opt2"size="4"><option value="" ng-if="false"></option></select>',

 };

}).controller('myctrl',function($scope){

  $scope.opt1 = [{name:'raj'},{name:'ram'},{name:'balu'},{name:'babu'},{name:'giri'},{name:'jon'},{name:'tony'}];

  $scope.opt2 = [];

    $scope.selected = $scope.opt1[0];

  $scope.addOption = function(){

  if($scope.selected !== undefined){

    $scope.opt2.push($scope.selected);

    $.each($scope.opt1,function(key,value){

      if($scope.selected.name == value.name){

        $scope.opt1.splice(key,1);

      }

    });

  }

  };

//   $scope.opt = [{name:'raj',value:'1'},{name:'ram',value:'2'},{name:'balu',value:'3'},{name:'babu',value:'4'},{name:'giri',value:'5'},{name:'jon',value:'6'},{name:'tony',value:'7'}];

  //$scope.opt1 = [{name:'raj'},{name:'ram'},{name:'balu'},{name:'babu'},{name:'giri'},{name:'jon'},{name:'tony'}];

​

});