Funktion innerhalb des Controllers inAngularjs

Question

Ich habe zwei Funktionen drag_drop und drag_start, innerhalb dieser Funktionen habe ich einige Daten von einem Controller-Bereich eingegeben. Mein Code ist somthing wie die

function drag_start(event) { 
    event.dataTransfer.dropEffect = "move"; 
    event.dataTransfer.setData("text", event.target.getAttribute('id')); 
} 

function drag_drop(event) { 
    // here I want to use $scope from a controller   
} 

Controller-Code:

 institutionController.controller('institutionController',function  
      $http.get('/myResponses').then(function(myres) { 
      $scope.myRps=myres.data; 
      // I want to use $scope.myRps when I drag and drop an element inside a div 

HTML-Code:

  ul(ng-hide="siwtchCI",class="list-inline") 
       li(ng-repeat="ownInst in ownInsts",draggable='true',ondragstart='drag_start(event)') 
        a(class="btn btn-default btn-org" ,role="button") {{ownInst.org.name}} 


       #drop_zone(ondrop='drag_drop(event)', ondragover='return false') 

das Problem ist, wenn ich in der Steuerung meine beiden Funktionen setzen meine HTML-Elemente nicht mehr ziehbar

Answer 1

Versuchen erklärt die Funktionen DRAG_START und drag_stop in ihrem Umfang den Trick. Auch in HTML müssen Sie etwas wie unten angeben ondragstart = "angle.element (document.getElementById ('xyz')). Scope(). Ziehen (Ereignis)" Dies würde sicherlich die Ziehmethode aufrufen, die Sie definiert haben Der Controller Dabei steht xyz für die ID des zu ziehenden HTML-Elements.

Answer 2

Ich gehe davon aus, dass Sie 'ng' directi verwendet haben Ves auf der HTML-Seite, deshalb funktionieren reguläre Funktionen nicht. Bitte seien Sie eine Gewohnheit, wenn Sie eine Funktion innerhalb eines Controllers erstellen, könnte auch einen Bereich hineinlegen.

$scope.drag_start = function(event){ 

} 

$scope.drag_drop = function(event){ 

} 

Dies sollte