QOXホームへ

Angularの勉強

Akuto Urabe

Akuto Urabe

QOXに入社してすぐにAngularの勉強をはじめました。
そろそろ3ヶ月ほど経つので備忘録としてまとめたいと思います

●Angular CLI

AngularCLIとは
雛形の自動生成や更新ファイルを自動更新してくれるなどすんごい便利なやつ

インストール

-gでグローバル空間にインストールすることを指定します。

installは短縮した記述ができます。

アプリを新規作成

“app-name”には任意の名前

新規作成するとapp.componentとapp.module.tsとその他諸々が生成されます。
app.module.tsはアプリケーション全体のモジュール。
機能ごとに機能モジュールを作りapp.module.tsにインポートします。

component作成

“component-name”には任意
generateは短縮した記述ができます。

module作成

“module-name”は任意の名前

moduleを指定してcomponentを作成

“component-name “は任意の名前
“module-name”は任意の名前

 

●クラスバインディング

要素のclass属性からcssクラスを追加したり削除したりできます。

 

コンポーネントで定義したcssクラス名をバインドすることができます。

“class-name”で指定したcssクラスを”isExample”の真偽の結果に応じて追加したり削除したりします。

スペース区切りで指定されたcssクラスが追加されます。

配列要素で指定されたcssクラスが追加されます。

キーがcssクラスを指し、値の真偽値に応じて追加、削除を行います。

 

 

Akuto Urabe

Akuto Urabe プログラマ

新しい知識をドンドン身につけていきたいです。

記事一覧
Go up