AngularJSを使ってみる

AngularJSを使ってみる

AngularJSを利用して簡単なコードを記述してみる。ng-modelとng-controllerを使って、Hello Worldしてみる

環境

  • OS  Ubuntu19.10
  • エディタ VScode

サンプルコード

公式のサンプルコードをそのまま利用してみる。index.htmlという名前で保存する

ブラウザよりindex.htmlにアクセスすると下記の画面が表示される。

textにWorldと入力すると ng-model により動的にyournameが変更されます。

次に ng-controller を利用してHello Worldしてみる

ブラウザよりindex.htmlにアクセスすると下記の画面が表示される。