角度材料动画弹性变化

Question

我正在尝试使用AngularJS和Angular Material为块的flex属性中的动态更改设置动画。

我有点担心如何实现柔性盒平滑调整并推开的效果。

以下是说明情况http://codepen.io/mattmoo/pen/rrmByq

的代码

<div ng-app="demo" ng-controller="appCtrl">

  <div ng-repeat="size in sizes">
    {{size}}
  </div>

  <div layout="row" layout-wrap class="demo-content" >
    <div ng-repeat="size in sizes" class="flex-{{size}}">
      [flex={{size}}]
    </div>
  </div>

  <input type="text" ng-model="sizes[1]">

  <select ng-model="sizes[1]" ng-options="option for option in options">
</select>

</div>

目前似乎在转换期间创建了一个新div，而不是调整div的大小。我怎样才能达到我想要的效果？

（codepen有一些bug，例如不能有两个相同大小的flex，select box对某些值不起作用）。