在多个oi.select angularjs中获得单击选项

Question

    <oi-select class="oi-select" 
        oi-options="student.name for student in students track by student._id" 
        multiple placeholder="" ng-model="class.students" ng-change="clickedName()">
    </oi-select>

This is multiple select options. I want to know the clicked option of the oi.select; both selected and deselected. How to write this in angular way? Thanks.

Answer 1

You can get the clicked option by accessing the ng-model,

<oi-select class="oi-select" 
        oi-options="student.name for student in students track by student._id" 
        multiple placeholder="" ng-model="student" ng-change="clickedName()">
 </oi-select>

Controller:

console.log($scope.student);

Or you can pass the selected one via ng-change,

 <oi-select class="oi-select" 
            oi-options="student.name for student in students track by student._id" 
            multiple placeholder="" ng-model="student" ng-change="clickedName(student)">
 </oi-select>

Controller

$scope.clickedName = function(selected){
 console.log(selected.name);
}