javascript - AngularJS:Ng-repeat 中断 "Waves"动画

Question

Waves 来自这里。 http://fian.my.id/Waves/

要添加波浪效果，您只需添加 JS 和 CSS 文件，然后将 class="waves-effect waves-button"添加到您选择的组件，并调用 Waves.displayEffect();。

不幸的是，angularJS ng-repeat 似乎打破了这一点。控制台没有错误。

这个有效:

<a href="#" class="waves-effect waves-button">Click Here</a>
<div class="col-md-4 col-sm-6 garment" ng-repeat="garment in buypage.garments">
</div>

这不是:

<div class="col-md-4 col-sm-6 garment" ng-repeat="garment in buypage.garments">
              <a href="#" class="waves-effect waves-button">Click Here</a>
</div>

编辑

移动波浪.displayEffect();内部 Controller 没有修复它。

Answer 1

已解决

HTML:

<div ng-repeat="garment in buypage.garments" ng-init="initWaves()">
...
</div>

在 AngularJS Controller 中:

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