ниже фрагмента кода отлично работает, если он помещен в страницу URL шаблона. Однако, если мы помещаем его в файл sparate js или файл-контроллер, он не работает. Как я могу добавить jquery внутри файла контроллера.
<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>
Правильное место использования jQuery в приложении Angular - это директива с jqlite. Вы также можете вставить его в тот же файл контроллера, если он после него.