技術

[Angular] @NgModuleをざっくりと

投稿日:

どうも中田です。
最近社内でAngularの波が起こってるので
そのビッグウェーブに乗るべく(古い)まとめてみました。

@NgModule ってディレクティブが色々あるけど、要は何書けばいいの?
って話があったので簡単にかつ、ざっくりと。

declarations

宣言って意味ですな

自作したディレクティブ/コンポーネント/パイプはここに書く
モジュール内のどこからでも参照可能!
ルートのdeclarationsにディレクティブ/コンポーネント/パイプを記載しておけば、
子供の @Component のdirectivesで毎回やらなくてよい

providers

提供って意味ですな

自作したサービスをここに書く
imports 先でDIされることになります

imports

取込むって意味ですな

別のモジュールを取り込むことが可能!
そのモジュールの exports/providers で指定したものが取り込まれます

exports

書き出すって意味ですな

そのモジュールがimportsされた時に提供するディレクティブ/コンポーネント/パイプを書く

ひとまずはここまでー

-技術

執筆者:


comment

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

関連記事

Amazon Rekognitionを使うと写真に自動でタグを付けられます。

こんにちは、高石です。 来月20日(5月20日)はエンたまもくもく会#5です。 …

no image

【Rails】El Captain で’$rails s’ が動かない件

どうも中田です。 開発用MacをEl Capitanにアップデートしたところ r …

[Xcode]Provisioning ProfileのUUIDを確認する方法

どうも田中です。 iOSアプリの審査に向けて作業している最中、buildエラーに …

どの端末で見ても、要素を上下左右の中央に配置する!

こんにちは。たなかです。 最近はスマホで表示するWebアプリの開発をさせてもらっ …

github500

[GitHub] 突然プッシュできなくなったときの確認事項

こんにちは。佐藤です 今回はGitHubに突然プッシュできなくなったときの確認事 …