最終更新日: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 --versionAngularのプロジェクトを作成する
ng new myappサーバーを立ち上げる(ブラウザも一緒に立ち上げる)
ng serve --openコンポーネントを追加する
ng generate component mycomponent
または
ng g component mycomponenttemplateを修正する
- {{ }} 波括弧で変数の中身を表示
<div> {{ name }} </div>- [] 四角カッコで属性を表示
<div [class]="nameClass"> {{ message }} </div>- () 丸括弧でイベントを表示
<button (click)="doCount()"> 押してね </button>技術の進化についていけていないシステムエンジニア。浅く広く、何でも大体はこなせるエンジニアで重宝されてる(つもり)。でもやっぱり特化した武器欲しい。
備忘録として記事を投稿していますが、少しでも誰かの助けになればと思います。
最近はプロジェクトでReact(TypeScript )を触っています。
趣味でギター弾きます。