2017-03-20 5 views
3

私はrepo hereに係属中の問題がありますが、とにかくここでそれを聞くと便利だと思いました。角4 - ディレクティブ内からアニメーションを実行するには?

ディレクティブ内からアニメーションをプログラムでトリガーしたいと考えています。 Renderer.animateを使用する場合は、私が取得:

Renderer.animate is no longer supported! 

Renderer.invokeElementMethodを使用して、私が手:

Cannot read property 'apply' of undefined 

私はこれをどのように行うのでしょうか?

+0

は、参照の問題のコメントをもとに、それはあなたがあなた自身のレンダラを実装するためのいずれかのはずか、単に 'ElementRef.nativeElement'を使用しているように見えます。目標環境に応じて、後者をやります。 BTW:これをJavaScriptでタグ付けする場合+1 <3 –

+1

ありがとうございます。私はちょうど@Angelation/Animationsの下に完全なアニメーションエンジンがあるように思えますが、私はそれを見た目に活用することはできません。私は適切な解決策を探し続けるつもりです。 – Nicky

答えて

3

変更が角度になっています!公式Angularレポのthis GitHub issueを参照してください。

TL; DR

は本当に良い何:(この週4.0.0へのフォローアップのリリースとして出てくる)の角4.1の最初のベータ版を使用すると、以下の操作を行うことができます

class MyCmp { 


constructor(private _builder: AnimationBuilder) { 
    } 
    myMethod() { 
     const animation = this._builder.build([ 
     style(...), 
     animate(...), 
     group([ 
      animate(...) 
      animate(...) 
      animate(...) 
     ]) 
     ]); 
     const player = animation.create(someElement); 
     player.play(); 
    } 
} 
関連する問題