AngularJS は JavaScript フレームワークです。 タグを介して HTML ページに追加できます。 </p> <p>AngularJS はディレクティブを通じて HTML 属性を拡張し、式を通じてデータを HTML 要素にバインドします。 </p> <p><strong>AngularJS は JavaScript フレームワークです<br> </strong></p> <p> AngularJS は JavaScript フレームワークであり、JavaScript 言語で書かれたクラス ライブラリです。 </p> <p> AngularJS は JavaScript ファイルとして公開されており、スクリプト タグを使用して Web ページに追加できます: <br> </p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="84745" class="copybut" id="copybut84745" onclick="doCopy('code84745')"><u>コードをコピーします</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code84745"><script src="http://cdn.bootcss.com /angular.js/1.3.14/angular.min.js"></div> <br> <p><strong>AngularJS は HTML を拡張します<br> </strong></p> <p> AngularJS は、一連の ng ディレクティブを通じて HTML を拡張します。 </p> <p> ng-app ディレクティブは、AngularJS アプリケーションを定義します。 </p> <p> ng-model ディレクティブは、HTML コントロールの値をデータ モデルにバインドします。 </p> <p> ng-bind ディレクティブは、モデル データを HTML ビューにバインドします。 <br> </p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:xhtml;"> <script src="http://cdn.bootcss.com/angular.js/1.3.14/angular.js"> Name: ログイン後にコピー 説明の例: ページがロードされると、AngularJS は自動的に実行を開始します。 ng-app ディレクティブは、そのディレクティブが配置されている 要素が AngularJS アプリケーションのルート要素であることを AngularJS に伝えます。 ng-model ディレクティブは、input タグの値を変数名にバインドします。 ng-bind ディレクティブは、変数名の値を 要素の innerHTML 属性にバインドします。 AngularJS コマンド ご覧のとおり、AngularJS ディレクティブは ng で始まる HTML 属性のセットです。 AngularJS アプリケーション変数は、ng-init ディレクティブを通じて初期化できます。 The name is ログイン後にコピー 同等のコード: The name is ログイン後にコピー 注: ページ上の HTML が有効であることを確認するには、ng- の代わりに接頭辞 data-ng- を使用できます。 AngularJS ディレクティブについては後の章でさらに学習します。 AngularJS 式 AngularJS 式は、{{ 式ステートメント }} のように二重中括弧で記述します。 AngularJS は、式を計算結果として正確に「出力」します。例: My first expression: {{ 5 + 5 }} ログイン後にコピー AngularJS 式は、ng-bind ディレクティブと同じ方法でデータを HTML にバインドします。 Name: {{name}} ログイン後にコピー AngularJS 式については、次の章で詳しく学習します。 AngularJS アプリケーション AngularJS モジュールは AngularJS アプリケーションを定義します。 AngularJS コントローラーは、AngularJS アプリケーションの動作を制御します。 ng-app ディレクティブはアプリケーションの指定に使用され、ng-controller ディレクティブはコントローラーの指定に使用されます。 First Name: Last Name: Full Name: {{firstName + " " + lastName}} var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe"; }); ログイン後にコピー AngularJS モジュール定義アプリケーション: var app = angular.module('myApp', []); AngularJS控制器控制AngularJS Applications的行为: app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe"; }); ログイン後にコピー モジュールとコントローラーについては、次の章で詳しく説明します。 以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。