javascript - AngularJS: Ng-repeat breaks "Waves" animation -

Waves from here

To add wave effect, you just have to add JS and CSS files , Then add class = "waves-effect waves-button" to the component of your choice and call Waves.displayEffect ();

Unfortunately, it seems that the angular JS NG-it is broken by repeating. There are no errors in the console.

This works:

  & lt; A href = "#" class = "wave-effect wave-button" & gt; Click here & lt; / A & gt; & Lt; Div class = "cola-MD-4 call-sm-6 garment" ng-repeat = "clothes in wheat." Garments. & Lt; / Div & gt;  

It is not:

  & lt; Div class = "col-md-4 col-sm-6 cloth" ng-repeat = "garment in Buypage.garments" & gt; & Lt; A href = "#" class = "wave-effect wave-button" & gt; Click here & lt; / A & gt; & Lt; / Div & gt;  

edit

Waves.displayEffect () is running; The controller inside did not fix it.

resolve

HTML:

  & lt; Div ng-repeat = "garment in buypage.garments" ng-init = "init vows ()" & gt; ... & lt; / Div & gt;  

In the Angular JS controller:

  $ scope.initWaves = function () {Waves.displayEffect (); }