angularjs directive how to call jquery function from scope watch? -

I'm using the instructions in the angularjs and jquery slider function, okay i've included the slider function on the onlin.

DirectX code: ($ Compilation) {return {restriction: "e", link: function (scope, element, ethers) {scope. $ Clock (attrs.value, function (newvalue) {element.html ("& lt; img src = OwlCarousel ({Autoplay: 3000, Item: 6, Item Desktop: [11 99,3], Item Desktop full: [979, 3], ItemTables: [900,3], // 2 items between 600 and 0 items Mobile: [1800,6]}; $ compilation (element.contents ()) (scope);});}};});

index.html page:

  & lt; script & gt; $ (document) .ready (function () {$ (".vwl-demo"). OwlCarousel ({Autoplay: 3000, Item: 6, Item Desktop Skype: [11 99,3], Item Desktop Skype: [979,3], ItemTotal: [900,3], // 2 items between 600 and 0 itemMobile: [1800,6]});)); & lt; / Script> & lt; div class = "col-md-9" ng-controller = "addOrderController" & gt; & Lt; Button ng-click = "demo ()" & gt; Update & lt; / Button & gt; & Lt; Div class = "owl-demo" class = "owl-carousel" ng-repeat = "data in one" & gt; & Lt; Div class = "item" ng-repeat = "a.item track in $ d by index" & gt; & Lt; Imagedata value = "d" & gt; & Lt; / Imagedata & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

Load Slider function works fine. I used the new slider image uptate to see the scope showing only the image that the caller call slider function ..