代码之家 › 专栏 › 技术社区 › naveen

如何设置按钮上的左边距单击角度?

angular javascript

naveen · 技术社区 · 6 年前

我在jquery中使用 animate 功能和 margin-left .

请检查我的jquery代码 https://jsfiddle.net/uvsb6asa/10/

 function addToMarginLeft(elem, pixels) {
    var ml = parseFloat(elem.css('margin-left'));
    elem.animate({
    'margin-left': (ml + pixels) + 'px'
    },1000)

  }

我想在角4中实现相同的功能。我可以添加淡入和淡出动画按钮点击。但我将如何设置左边距或滑动效果 left to right 在按钮中单击

这是我的密码

https://stackblitz.com/edit/angular-slider-animation-ztr63u?file=src/app/app.component.ts

animations: [trigger("fade", [
  state("void", style({ opacity: 0 })),
  transition("void <=> *", [animate("0.5s ease-in-out")])
  ])]
})

1 回复 | 直到 6 年前

Ilia 6 年前

你可以尝试使用“变换”而不是“不透明度”

animations: [trigger("move", [
 state("void", style({ transform: 'translateX(-100%)' })),
 transition("void => *", [animate("0.5s ease-in-out")])
])]

我认为这个代码类似于您的jquery效果

animations: [trigger("move", [
  transition(':enter', [
    animate(500, style({ transform: 'translateX(-100%)' }))
  ]),
  transition(':leave', [
    animate(500, style({ transform: 'translateX(-100%)' }))
  ])
])]

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前