角度のヒーローエディタ
研究文書:https://angular.cn/tutorial/toh-pt1
装飾機能、必要なメタデータ角度を指定するために使用されるコンポーネントを@Component。
ngOnInitは()ライフサイクルフックで、あなたがコンポーネントを作成した角度は、すぐに(ngOnInitを呼び出します)、ここでは初期化ロジックを置くのに良い場所です。
パイプラインは、フォーマット文字列、金額、日付、およびその他の表示データに良い方法です。角度は、いくつかの内蔵パイプリリースしたが、あなたはまた、独自のパイプラインを作成することができます。
すべての機能は、メンテナンスが適用後に使用できなくなります、同じアセンブリ内にある「育ちます。」あなたは、各サブアセンブリは、特定のタスクまたはワークフローに集中しなければならない、より小さなサブアセンブリに大型部品を分割したいです。
[ヒーロー] =「selectedHero」角特性が結合される構文。
これは、データバインディング一方通行です。
英雄の属性は、外部HeroesComponentに結合することができるようにすると@Inputデコレータ。
なぜあなたはサービスが必要なのですか?
コンポーネントが取得するべきではないか、直接セーブデータ、彼らが偽のデータを表示するかどうかを知っているべきではありません。彼らはサービスに存在するデータ、データ・アクセスおよび代理人の責任に焦点を当てるべきです。
サービスは、カテゴリを「お互いを知らない」複数の間で情報を共有するための良い方法です。
@Injectable()サービス
(注)この新しいサービスは、注射シンボル角度を導入し、サービスクラスに@Injectable()デコレータを追加すること。
それは、このクラスでは、参加者の依存性注入システムの一つとしてマークされています。HeroServiceクラスは、サービスの注入を提供し、それはまた、注入されるために自分自身に依存することができます。
@Injectable()デコレータは、コンポーネントクラスの役割として@Componentようなサービス・メタデータ・オブジェクトを、()受け入れます。
(提供)HeroServiceを提供します
あなたは最初に利用可能なHeroServiceの依存性注入システム、でHeroesComponentにそれを注入する角度秩序を作るために、サービスプロバイダを登録する必要があります。
HeroServiceの観察可能なオブジェクト・バージョン
観測可能ではRxJSのキークラスです。