JavaScriptを使ったAngularJSライブラリでハローワールドを作成する方法
2076 ワード
本論文はAnglarJSフレームワークで実現されたハローワールドコードの例を示している.
Hello Worldの例と次のコードの例を見ていると、注目すべき点がいくつかあります. ng-ap、ng-control、ng-modelコマンド 大きな括弧が二つ付いたテンプレート ステップ1:部分的にアングラーJavascriptを含む
下のコードを中に入れてAnglarjs javascriptファイルを導入します.Googleが管理するライブラリから最新のコードを次のように書くことができます.
のように、ng-appコマンドを に します. を してappに できます. に くことができます.このコマンドはAnglarをマークするために されます. たちのアプリケーションのルートとなる を します.これはアプリケーション にAnglar を えてくれます.またはその だけがAnglarアプリケーションとして われるべき です.
ng-controllerコマンドを に します. controller は、divなどの の に され る. のコードでは、「Hello Ctrl」はコントローラの であり、 に されているコントローラのコードを できます.
<div class=「jb 51 code」>
Hello Worldの例と次のコードの例を見ていると、注目すべき点がいくつかあります.
下のコードを中に入れてAnglarjs javascriptファイルを導入します.Googleが管理するライブラリから最新のコードを次のように書くことができます.
ステップ2:ng-apコマンドを に するのように、ng-appコマンドを に します. を してappに できます. に くことができます.このコマンドはAnglarをマークするために されます. たちのアプリケーションのルートとなる を します.これはアプリケーション にAnglar を えてくれます.またはその だけがAnglarアプリケーションとして われるべき です.
ステップ3:ng-controllerコマンドを に するng-controllerコマンドを に します. controller は、divなどの の に され る. のコードでは、「Hello Ctrl」はコントローラの であり、 に されているコントローラのコードを できます.
<div class=「jb 51 code」>
<p>ステップ4:ng-modelコマンドを に する
ng-modelコマンドを して、 をモデルと びつけることができます.
<div class=「jb 51 code」>