最終更新日:2021‐07-17
仕事でAngularを使用することになったので、まとめいきます
参考ページ
必要なソフトウェアのインストール
- VSCodeのインストール
- node.jsのインストール
- npmコマンドが使えるようになるのでAngular CLIをインストール
npm install -g @angular/cli
または
npm install -g @angular/cli@7.2.8(指定したバージョンのインストール方法)
Angular CLIでインストールされたバージョンを確認
ng --version
Angularのプロジェクトを作成する
ng new myapp
サーバーを立ち上げる(ブラウザも一緒に立ち上げる)
ng serve --open
コンポーネントを追加する
ng generate component mycomponent
または
ng g component mycomponent
templateを修正する
- {{ }} 波括弧で変数の中身を表示
<div> {{ name }} </div>
- [] 四角カッコで属性を表示
<div [class]="nameClass"> {{ message }} </div>
- () 丸括弧でイベントを表示
<button (click)="doCount()"> 押してね </button>
技術の進化についていけていないシステムエンジニア。浅く広く、何でも大体はこなせるエンジニアで重宝されてる(つもり)。でもやっぱり特化した武器欲しい。
備忘録として記事を投稿していますが、少しでも誰かの助けになればと思います。
最近はプロジェクトでReact(TypeScript )を触っています。
趣味でギター弾きます。