Angular で複数コンポーネントを連携する

求人
Angular で複数コンポーネントを連携する

Angular でコンポーネントとコンポーネントを連携する方法です。

abcとdefというコンポーネントを作成して実際に連携させてみます。

コンポーネント間の連携ではclassを定義しておくことが重要になってきます。

detail.ts(クラス)

このクラスを使用します。

abc.compnent.ts

以下の画面でボタンを押すと、onDetailClickメソッドが実行されます。

Angular で複数コンポーネントを連携する

クリックすると、defコンポーネントのsrc属性にdetailが設定されます。

def.component.ts

ng serveで起動すると、以下のようにクラスを介してコンポーネント間の連携が可能になります。動作は以下のようになります。

Angular で複数コンポーネントを連携する

詳細は「AngularとTypeScriptでSPAを作成する」を参照ください。

株式会社CONFRAGE

関西で140-170/80~120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
Python3.6,Djangoを勉強中です,Javaは少し飽きてしまってます–;
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA