unserver-unify/src/app/directive/exam/singlematchquestion.component.js

'use strict'

var singleMatchQuestionController = ['$scope', function($scope) {
  var vm = this;
  console.log(vm);
  console.log(vm.droptarget);
  $scope.startCallback = function(event, ui, title) {
    console.log('You started draggin: ' + title.title);
  };
  $scope.stopCallback = function(event, ui) {
    console.log('Why did you stop draggin me?');
  };
  $scope.dragCallback = function(event, ui) {
    console.log('hey, look I`m flying');
  };
  $scope.dropCallback = function(event, ui) {
    console.log('hey, you dumped me :-(');
    console.log($scope);
    vm.select({opt:vm.droptarget});
    //$scope.$apply()
  };
  $scope.overCallback = function(event, ui) {
    console.log('Look, I`m over you');
    console.log($scope.dragtarget);
    console.log($scope.droptarget);
  };
  $scope.outCallback = function(event, ui) {
    console.log('I`m not, hehe');
  };
}];

angular.module('bamboo.common').directive('singleMatchQuestion', function() {
  return {
    scope:true,
    restrict: 'EA', //Default in 1.3+,
    bindToController: {
      droptarget: "=",
      dragtarget: "=",
      select:"&"
      // setting: "&"
    },
    controllerAs: 'ctrl',
    templateUrl: 'app/directive/exam/singlematchquestion.component.html',
    controller: singleMatchQuestionController
  };
});