Call jQuery function from AngularJS Controller

Question

I have a below button when on clicked shows a small popup like notification ``` ``` My Intention is to Show this popup every few seconds without clicking the button, but from the AngularJS Controller. ``` var showPop = function () { //how can i call that jQuery function here ?? $timeout(showPop, 1000); } $timeout(showPop, 1000); ``` Tried with the below solution ``` app.directive("showNotifications", ["$interval", function ($interval) { return { restrict: "A", link: function(scope, elem, attrs) { $interval(function () { $(elem).popover("open"); alert('hi'); }, 1000); } }; }]); ``` Also included the scripts ```

Accepted Answer

Directives are used for DOM manipulation:

```
<button show-notifications>
```

And the directive

```
.directive("showNotifications", ["$interval", function($interval) {
    return {
        restrict: "A",
        link: function(scope, elem, attrs) {
            //On click
            $(elem).click(function() {
                $(this).popover("open");
            });

//On interval
            $interval(function() {
                $(elem).popover("open");
            }, 1000);
        }
    }
}]);
```

Call jQuery function from AngularJS Controller

Solution

Problem