JQuery funktioniert nicht angularjs Controller-Datei. Funktioniert, wenn Code-Snippet intern

Question

unter Code-Snippet platziert wird, funktioniert gut, wenn unter Vorlage URL-Seite platziert. Wenn wir es jedoch in separate js-Datei oder controler-Datei einfügen, funktioniert es nicht. Wie kann ich jquery in einer Controller-Datei hinzufügen?

<script> 

$(document).ready(function() { 
    $("#notificationLink").click(function() { 
     $("#notificationContainer").fadeToggle(300); 
     $("#notification_count").fadeOut("slow"); 
     $('#notificationLink > i.fa-bell').addClass('fa-bell-o'); 
     $('#notificationLink > i.fa-bell').removeClass('fa-bell'); 
     return false; 
    }); 

    //Document Click hiding the popup 
    $(document).click(function() { 
     $("#notificationContainer").hide(); 
    }); 

    //Popup on click 
    $("#notificationContainer").click(function() { 
     return false; 
    }); 

    /* $('#AddNew').on('click', function() { 
     $('#notificationsBody ul').append('<li>New Message</li>'); 
    }); 
*/ 
}); 
</srcipt> 

Answer 1

Der richtige Ort für die Verwendung von jQuery in einer Angular App ist in einer Direktive mit jqlite. Sie können es auch in die gleiche Datei des Controllers stecken, solange es danach ist.