小编ilm*_*mgb的帖子

将参数传递给Angular中的JS Animation

我写了这个包含一个简单JS动画的Plunker,通过jQuery.css/jQuery.animate完成.

简短的介绍:

  • 3个矩形示
  • 按钮"随机化"随机化矩形的宽度/高度
  • widht/height的这种变化应该是动画的

我需要能够将更改的宽度/高度作为参数传递给动画addClass函数.该addClass确定指标如下:

addClass(element, className, doneCallback)
Run Code Online (Sandbox Code Playgroud)

所以我将自定义值添加到元素的原型中.例如LoC 53

Object.getPrototypeOf(element).custom_bs_width = newVal[attrs.id].width;
Run Code Online (Sandbox Code Playgroud)

并在addClass函数中访问它们以进行动画处理.LoC 65+

myApp.animation('.updateRectangles', function() {
return {
    addClass : function(element, className, done) {
      jQuery(element).animate({
        width:  Object.getPrototypeOf(element).custom_bs_width,
Run Code Online (Sandbox Code Playgroud)

这是正确的方法吗?如果不是,有什么替代方案存在将参数传递给JS动画.我将CSS动画和CSS关键帧动画排除为imho,无法传递参数.同意?

angularjs

6
推荐指数
1
解决办法
1203
查看次数

标签 统计

angularjs ×1