出典のアドレスを転載します。 http://blog.csdn.net/lastsweetop/article/details/56285838

コンポーネントを理解する

angularjsでは、Componentは特別な種類のディレクティブで、構成が少し簡単で、コンポーネントベースのアプリのアーキテクチャに最適です。Webコンポーネントを使用し、Angularスタイルのアプリのアーキテクチャを使用することで、アプリをより簡単に書くことができます。

コンポーネントのメリット

• 通常のディレクティブよりはるかにシンプル
• より厳しく、より規定する
• コンポーネントベースのアーキテクチャに適している
• コンポーネントは、angular2へのアップグレードが容易

コンポーネントなし

• この時点ではComponentが利用できないため、コンパイルおよびリンク前の段階で実行する必要があるディレクティブです。
• ディレクティブに優先度、ターミナル、マルチエレメントなどのオプションを定義する必要がある場合
• 要素ではなく、属性やCSSのクラスによってディレクティブを起動させる必要がある場合

コンポーネントの作成と設定

コンポーネントはangularjsモジュールで使用されます .components() メソッドを使用します。このメソッドは2つの引数を取ります。

• Componentの名前（文字列型）
• Componentのコンフィギュレーションオブジェクト(註) .directive() はファクトリーメソッドではなく、単なる設定オブジェクトです)

heroApp.html。