Angular2+TypeScriptによる日付ボックス（コンボボックス）の初期値設定方法と値の取得

Question

###前提・実現したいこと
最近Angular2とTypeScriptを勉強し始めたものです。
日付ボックス（□月□日形式のコンボボックス）で初期値の設定と、
日付を選択後、alert()を用いて選択した日付を表示したいと考えています。

###補足情報(言語/FW/ツール等のバージョンなど)
FW:Angular2
言語：TypeScript
テキストエディタ：Atom
ブラウザ:GoogleChrome

###構成
app.module.ts
box.component.ts(日付ボックスの部品化)
app.component.ts(ここにboxコンポーネントを呼び出し、ボタン押下イベント発生時にalert)

###発生している問題・エラーメッセージ
日付ボックスを別コンポーネントとして切り出し、それを呼び出すことはできているのですが
初期値の設定（selected）・値の表示ができていない状態です。

###自分が立てている予測
おそらく日付ボックスのコンポーネントからserviceにアウトプットしてservice側で変数（月/日だから2次元配列？）に格納後、ページのコンポーネントにreturnとかしてalertで変数内容表示
または、サービス側でアラートまでやってしまう。

###現段階での不明点
デフォルト値の設定と表示は成功しましたが、値の取得ができていない状態です。
日付ボックス別のコンポーネントで作成してそれを呼び出し、選択した値をボタン押下後、
alertで表示するというところで@Inputや@OutputとかEventEmitterあたりが絡んできてることは
分かっているんですが・・・
いまいち理解できていない状態です。

当方最近TypeScriptとangularを学び始めた初心者のため、初歩的な質問ですが、
どなたか知見をお持ちの方、ご助力をいただければ幸いです。
何卒よろしくお願いいたします。

Answer 1

どのようなシステムを作るかでかなり変わってくるかと思いますが、基本的にデータの管理はserviceで行いcomponentでserviceのメソッドや変数を呼び出すのが一般的ではないかと思います

serviceでまとめるのも良いですが、ヘッダーやフッターなど共有することができるまとまりは @inject()を使うことで簡単に便利に使うことができるのでそれも選択肢に入ってくるかと
Angular 2 @Inputのアレコレ

kisuke-09さんが考えておられる予測に対してですが、その考えで問題ないと思いますが、私はならアラートはcomponent側でやります。serviceはあくまでもデータ処理に関するメソッドを集めるだけで、componentはそれらを呼び出してそれぞれのreturnに合わせてエラーログやルーティングを与えてやるといった感じです

参考になるかわかりませんが、不明点があればまた追記してください〜