角2 RC 4指令でサポートされていない新しいアニメーション

現在のリリースでは、コンポーネントにのみアニメーションを追加でき、ディレクティブとして定義することはできないようです。私は意味：角2 RC 4指令でサポートされていない新しいアニメーション

以下が動作しないのに対し以下は

@Component({ 
    selector: "animate-demo", 
    animations: [ 
     trigger('openClose', [ 
      state('closed, void', 
       style({ height: "0px" })), 
      state('open', 
       style({ height: "*" })), 
      transition("* => *", animate(200)) 
     ])

に動作します：

@Directive({ 
    selector: "animate-demo", 
    animations: [ 
     trigger('openClose', [ 
      state('closed, void', 
       style({ height: "0px" })), 
      state('open', 
       style({ height: "*" })), 
      transition("* => *", animate(200)) 
     ]) 
    ] 
})

およびVisual Studioでコンパイルエラーを与える：

"Argument of type '{ selector: string; animations: AnimationEntryMetadata[]; template: string; }' is not assignable to parameter of type '{ selector?: string; inputs?: string[]; outputs?: string[]; properties?: string[]; events?: strin...'.

通常、我々は可能性がありますslideDown、sliddeUp、fadeIn、fadeOutなどのよく使用されるアニメーションをdirとして1か所に定義したいそのコンポーネントを使用したいコンポーネントでは、各コンポーネントのアニメーションを再定義するのではなく、そのディレクティブをインポートしてアニメーションを使用したいだけです。

出典

2016-07-10 Naveed Ahmed