Wie registriere ich click event in Direktive in angularjs

Question

Ich bin neu in angularjs. Ich habe eine div # single Ich möchte die Hintergrundfarbe ändern und dann Back-End-Server auf dem Click-Ereignis aufrufen. Ich weiß nicht, wie das in angularjs benutzerdefinierte Richtlinie zu tun. Jede Hilfe wird b, meine HTML-Code geschätzt

<div id="single" class="" ng-style="{'background':x.is_read == 0 ? 
'rgba(98, 95, 95, 0.87)': '#A4A4A4'}" ng-repeat="x in notification" chang-color> 

changColor Richtlinie ist, die Code verfolgt haben. Bitte helfen Sie mir, wie diese Sie sollten element.bind statt element.on

var app = angular.module('smac', []); 
app.controller('asd',function ($http,$scope) { 

app.directive("changColor", function() { 

return { 
     restrict: 'A', 
     scope: {}, 
     link: link 
    }; 
     function link (scope, element) { 
     element.on('click', onClick); 
    } 

    function onClick() { 
     alert('as'); 
     $(this).css({ 'background': '#A4A4A4' }); 
    // after this back end call 
    } 



    }); 
    }); 

Answer 1

tun verwenden. Das Zielelement kann über das Ereignisziel oder einfach über dieses Ziel erreicht werden.

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

app.controller('asd',function ($http,$scope) { 
    // this is controller body 
}); 

app.directive("changColor", function() { 
    return { 
    restrict: 'A', 
    scope: {}, 
    link: link 
    }; 

    function link(scope, element) { 
    element.bind('click', onClick); 
    } 

    function onClick (e) { 
    alert('as'); 
    // Following lines as equal 
    e.target.style.background = "#A4A4A4"; 
    this.style.background = "#A4A4A4"; 
    angular.element(this).css("background","#A4A4A4"); 
    // after this back end call 
    } 
});