Angular 入門

最終更新日:2021‐07-17

仕事でAngularを使用することになったので、まとめいきます

参考ページ

必要なソフトウェアのインストール

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>

コメントを残す

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