今回は新規コンポーネントを作成し、AppComponentに組み込んでみましょう。
フッターコンポーネントを作成してみます。

FooterComponentを作成します。
ターミナルでng g component footer と入力して実行します。
すると↓エクスプローラーにfooterのディレクトリ（中身はcss、html、tsファイル等）が作成されているでしょう。
こちらをAppComponentに組み込みます。
app.component.htmlに<app-footer></app-footer>のタグを書きます。
footer.component.htmlにはわかりやすいように<p>フッター</p>とでも書いておきましょう。
ターミナルにng serveを打ち込んで実行！
http://localhost:4200/を開く。
フッターの文字列を表示するだけですが、コンポーネントが組み込まれたことがわかります。