Angularでコンポーネントを追加するには、ng generate component コマンドを使います。
以下の例では、「component_name」という名前でコンポーネントを作成します。
> ng generate component component_name
上記コマンドを実行すると、Angularアプリのルートディレクトリからsrc/app /以下に「component-name」という名前でディレクトリが作られます。
ディレクトリ内には以下のファイルが作られます。
- component-name.component.css … コンポーネントに適用されるスタイルシート
- component-name.component.html … コンポーネントのテンプレートhtml
- component-name.component.spec.ts … テスト用のファイル
- component-name.component.ts … コンポーネント本体
以上です。
逆引きAngular目次
ngコマンド(Angular CLI)
Angularアプリケーションを起動する(ng serve)
Angularアプリケーションをビルドする(ng build)
Angularでファイルが変更されたら自動的にビルドする(ng build –watch)
Angularのコンポーネントを追加する(ng generate component [コンポーネント名])
Angularのサービスを追加する(ng generate service [サービス名])
テンプレート
Angularのngifでtrueとfalseの場合ごとにテンプレートを切り替える
フォーム
Angularでフォームに入力した値をリアルタイムに表示する