今回は新規コンポーネントを作成し、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/を開く。
フッターの文字列を表示するだけですが、コンポーネントが組み込まれたことがわかります。
