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：吴重复打破“波”动画

回答

相关问题