[角度の研究ノート]英雄エディタ

角度のヒーローエディタ

研究文書:https://angular.cn/tutorial/toh-pt1

 

装飾機能、必要なメタデータ角度を指定するために使用されるコンポーネントを@Component。

ngOnInitは()ライフサイクルフックで、あなたがコンポーネントを作成した角度は、すぐに(ngOnInitを呼び出します)、ここでは初期化ロジックを置くのに良い場所です。

パイプラインは、フォーマット文字列、金額、日付、およびその他の表示データに良い方法です。角度は、いくつかの内蔵パイプリリースしたが、あなたはまた、独自のパイプラインを作成することができます。

 

すべての機能は、メンテナンスが適用後に使用できなくなります、同じアセンブリ内にある「育ちます。」あなたは、各サブアセンブリは、特定のタスクまたはワークフローに集中しなければならない、より小さなサブアセンブリに大型部品を分割したいです。

 

[ヒーロー] =「selectedHero」角特性が結合される構文。

これは、データバインディング一方通行です。

英雄の属性は、外部HeroesComponentに結合することができるようにすると@Inputデコレータ。

 

なぜあなたはサービスが必要なのですか?

コンポーネントが取得するべきではないか、直接セーブデータ、彼らが偽のデータを表示するかどうかを知っているべきではありません。彼らはサービスに存在するデータ、データ・アクセスおよび代理人の責任に焦点を当てるべきです。

サービスは、カテゴリを「お互いを知らない」複数の間で情報を共有するための良い方法です。

 

@Injectable()サービス

(注)この新しいサービスは、注射シンボル角度を導入し、サービスクラスに@Injectable()デコレータを追加すること。

それは、このクラスでは、参加者の依存性注入システムの一つとしてマークされています。HeroServiceクラスは、サービスの注入を提供し、それはまた、注入されるために自分自身に依存することができます。

@Injectable()デコレータは、コンポーネントクラスの役割として@Componentようなサービス・メタデータ・オブジェクトを、()受け入れます。

 

(提供)HeroServiceを提供します

あなたは最初に利用可能なHeroServiceの依存性注入システム、でHeroesComponentにそれを注入する角度秩序を作るために、サービスプロバイダを登録する必要があります。

 

HeroServiceの観察可能なオブジェクト・バージョン

観測可能ではRxJSのキークラスです。

おすすめ

転載: www.cnblogs.com/cathy1024/p/12650268.html