angularjs slick js carousel ng-click not firing with responsive attribute settings -

I am using an angular cover to use the clever slider.

I have ng-click setup on my personal slides which will take users to a different page when I click on the responsive attribute setup.

When the scene is loaded with the first slider, then everything works properly. I can click on the hyperlink and get the click event. However, if I resize the browser window that triggers one of the breakpoint settings, then ng-click events are no longer removed.

I think that this issue has to be destroyed and with Radra logic that when a breakpoint is being reached, then the crafty structure is doing under the armor.

After a responsible breakpoint hit, how do I restart the angle to see ng-click events?

View:

  & lt; H2 & gt; Single item & lt; / H2 & gt; & Lt; Slick class = "slider single-item" data = "this" current-index = "index" responsive = "breakpoint" slide-to-show = 3 slide-to-scroll = 3 & gt; & Lt; Div ng-repeat = "i [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]" & gt; & Lt; H3 & gt; {{I}} & lt; / H3 & gt; & Lt; A ng-click = "clickethighting (i)" style = "color: blue;" & Gt; Click here & lt; / A & gt; & Lt; / Div & gt; & Lt; P & gt; Current index: {{index}} & lt; / P & gt; & Lt; / Clever & gt;  

controller:

  $ timeout (function () {return $ scope.awesomeThings = [ 'HTML 5', 'AngularJS', 'Karma' 'Slit', 'bower', 'coffee'];), 1000); $ Scope.clickTheThing = function (theIndex) {console.log ('click pointer' + theIndex); Warning ('click index' + theIndex); } Return $ scope.breakpoints = [{breakpoints: 768, settings: {slidesToShow: 2, slidesToScroll: 2}}, {breakpoints: 480, settings: {slidesToShow: 1, slidesToScroll: 1}}];  

I have a working solution for it. (Ng-repeat) = 'tile in tiles') (Data-id =' {{tile [0]}} ', ng-square =' {Active: (id & amp; id == tile [0])} "div" instead of attaching ng-click on a tile button, with some one attribute (in this case element ID) you want, h6 {{Tile [2]}}

Pick it up and pick it up with instructions;

  $ timeout (function () {el. Slick ({dots: false, arrow: true, infinite: wrong, speed: 300, slidesToShow: 4, slidesToScroll: 1, swipeToSlide: true, responsive: [// 2 {breakpoint: 330, settings: {slidesToShow: 2, slidesToScroll: 2}}, {breakpoint: 495, settings: {slidesToShow: 3, slidesToScroll: 2}}, {breakpoint: 660, settings: {slothow shows 3, Slaidstoscol: 2}}, {breakpoint 825, settings: {SlidesToShow: 4, SlidesToScroll: 2}}, {breakpoints: 990, settings: {slidesToShow: 5, slidesToScroll: 2}} // 3 {breakpoints: 1155, settings: {SlidesToShow: 6, SlidesToScroll: 3}} {breakpoint 1320, settings: {Slaidtojh show: 7, Slaidstoskrol: 3}}, {breakpoint 1485, settings: {Slaidsto show: 8, Sly Stioskrol: 3}}, {Breakpoint 1650, settings: {Slaidsto show: 9, Slaidstoskrol: 3}}, {Breakpoint 1815, settings: {Slideshow: 10, Slaidstioscol: 3}} / 4 {Breakpoints: 1 9 80, settings: {Slaidsto show: 11, Slaidstoscol: 4}}, {breakpoint 2145, settings: {Slaidtojh show: 12, Slaidstioscol: 4}}]}); $ (Function () {$ ('a [data-id]'). ('Click', function () {console.log ('execute link', $ (this) .data ('id')); });}); }); This is more or less implemented version of  

this