AngularJS：吳重複打破「波」動畫

波是從這裏。要添加波浪效果，您只需添加JS和CSS文件，然後將class =「waves效果wave-button」添加到您選擇的組件中，然後調用Waves.displayEffect（）; 。AngularJS：吳重複打破「波」動畫

不幸的是，它看起來像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（）;內部控制器沒有修復它。

來源

2014-11-04 Will Taylor

演示，將是很好這裏。 – dfsq 2014-11-04 16:58:16

這個工作，這不工作片段是相同的 – edrian 2014-11-04 17:00:11

我想問題是，當你調用Waves.displayEffect（）;元素尚未呈現。你應該嘗試在指令中包含對Waves的呼叫。 – edrian 2014-11-04 17:03:14

解決

HTML：

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

在AngularJS控制器：

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

來源

2014-11-04 17:28:45

AngularJS：吳重複打破「波」動畫

回答

相關問題