JQuery не работает файл контроллера angularjs. Работает, если фрагмент кода помещен внутри

Question

JQuery не работает файл контроллера angularjs. Работает, если фрагмент кода помещен внутри

0

ниже фрагмента кода отлично работает, если он помещен в страницу 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>

user2412105 01 авг. 2016, в 00:26

Источник

1

Почему бы вам не использовать только угловой для этого?
developer033 31 июль 2016, в 21:30

Теги:

jquery

angularjs

single-page-application

1 ответ

Ещё вопросы

Почему бы вам не использовать только угловой для этого?

tcasey · Accepted Answer · 2016-07-31T19-58-00.000Z

Правильное место использования jQuery в приложении Angular - это директива с jqlite. Вы также можете вставить его в тот же файл контроллера, если он после него.

Да ... Я прочитал это !! .. и JQuery работает, когда помещается в пользовательскую директиву.
.directive ('notify', function () {return {scope: {}, limit: 'E', / * template: 'i am x', * / link: function (scope, element, attrs) {$ (документ ) .ready (function () {$ ('#tificationLink'). click (function () {$ ('#ventContainer'). fadeToggle (300); $ ('# messages_count'). fadeOut ('slow'); $ ('# NotificationLink> i.fa-bell'). addClass ('fa-bell-o'); $ ('#ventLink> i.fa-bell'). removeClass ('fa-bell'); вернуть false ;});