pasar parametros page entre comunicacion componentes change angular ionic2 web-animations

parametros - page title angular 4



Angular 2 valores dinámicos en animación (0)

Recientemente comencé a jugar con Ng2 y ahora estoy desarrollando una aplicación con ionic2. Estoy investigando la parte de la animación por primera vez y me he encontrado con algunos problemas.

Tengo un ngPara eso básicamente repite s con diferentes anchos. Cada elemento de la matriz tiene su propio valor de ancho de div, que se calcula el método onInit del componente. Antes de las animaciones, estaba vinculando el ancho a través de [style.width]="expresson" . Los documentos dicen que se puede definir un estilo de estado final de animación con ''*'', lo que significa que obtendrá el valor correcto del estilo calculado, pero eso no funciona cuando estoy configurando programáticamente el ancho yo mismo.

Entonces, la pregunta es, ¿cómo puedo decirle a la animación que se active cuando cambie el ancho, o que establezca dinámicamente el valor para el estado final? ¡Gracias!

EDITAR: Aquí hay un plunkr con un ejemplo. Establecí el ancho final después de animar al 50%, pero lo que estoy teniendo problemas es establecer ese ancho final a los valores definidos en la matriz del componente. Simplemente elimine @animation en el html para ver el resultado final que me gustaría obtener.