角度 - アニメーションパラメータのデフォルト値を定義する方法は？

Question

私はAngularアニメーションで作業しています。アニメーションを改善するために、パラメータを使用する必要があります。これを行うには、as this answer suggestedを実行し、補間としました。ここで

は私が状態のために持っているものです。

state('position', style({ transform: 'translateX({{translate_X}}) translateY({{translate_Y}}) skewX({{skew_X}}) skewY({{skew_Y}})' })) 

component.html

<div class="iris" [@move]="{value: triggerValue, params: {translate_X: translate_X, translate_Y: translate_Y, skew_X: skew_X, skew_Y: skew_Y}}"></div> 

そして、ここでは、私が解決するために管理していなかったエラーです：

ERROR Error: The animation trigger "move" has failed to build due to the following errors: - state("position", ...) must define default values for all the following style substitutions: translate_X, translate_Y, skew_X, skew_Y at InjectableAnimationEngine.AnimationEngine.registerTrigger (...)

角度アニメーションパラメータのデフォルト値をどのように定義する必要がありますか？

Answer 1

私は手遅れかどうかわからないんだけど、コンソールが言うように、あなたはアニメーションのデフォルト値を追加する必要がありますし、あなたがアニメーションの状態で

{params: {your_variable_name: 'default_value'}} 

を追加することによってそれを行うことができます次のようになります。

state('in', style({height: '{{maxHeight}}px',}), {params: {maxHeight: '0'}})