AngularJS：Ng-repeat中断＆＃34; Waves＆＃34;动画

Question

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

要添加波形效果，您只需添加JS和CSS文件，然后将class =“waves-effect wave-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>

修改

移动Waves.displayEffect（）;内部控制器没有解决它。

Answer 1

<强>解决

HTML：

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

在AngularJS控制器中：

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