相关疑难解决方法(0)

动画Angular2中的参数

我正在尝试制作一个简单的动画,如下面的简单jQuery

animate({'left' : left_indent})
Run Code Online (Sandbox Code Playgroud)

我正在使用Angular2动画,但问题是如何将我的Component Class外的left_indent参数传递给动画触发器?

animations: [
    trigger('flyInOut', [

        state('for', style({
            left: this.left_indent,
        })),

        transition('* => for', [
            animate(2000, keyframes([
                style({ opacity: 1, transform: 'translateX(0)', offset: 0 }),
                style({ opacity: 1, transform: 'translateX(-300px)', offset: 0.5 }),
            ]))
        ]),
    ])
]
Run Code Online (Sandbox Code Playgroud)

angular angular-animations

30
推荐指数
3
解决办法
1万
查看次数

标签 统计

angular ×1

angular-animations ×1