コンポーネントコンポーネントの子コンポーネントへの完全な角度付け

Question

私は最近、子コンポーネントへのプロパティへの反作用の次の手法に気づきました。これは、構造解除の割り当てを使用します：

const MyInputComponent = (props) => <input {...props} /> 

これを使用すると、インターフェイスを再実装せずにコンポーネントを完全にラップすることができます。

角度コンポーネントにも同様の手法がありますか？

編集：私は スタイリングとアニメーションのためにその周りにいくつかのHTML要素を追加するためにラップしたいAngular2: passing ALL the attributes to the child component

Answer 1

重複しました。そうでなければ、これらの要素を多く繰り返さなければならないでしょう 回。

ngcontentはあなたの友人です！

@Component({ 
     selector: 'my-wrapper', 
     template: ` 
     <h1>my fancy header</h1> 
     <ng-content>YOUR INPUT WILL GO HERE</ng-content> 

     ` 
    }) 

どこにラッパーを使用するマークアップ：あなたが見ることができるよう

<div> 
     <my-wrapper> 
      <input .../> 
     </my-wrapper> 
    </div> 

、ラッパーはあなたが好きなのparamsで好きなテンプレートを持つことができます。 あなたが内部に置くhtmlはあなたが好きな任意のパラメータであなたが望む任意のマークアップを持つことができます。