ホームページ >ウェブフロントエンド >jsチュートリアル >angularjsとは何ですか? angularjs の詳細な説明 (サンプル付き)
この記事では、angularjs とは何か、そして angularjs について知っておくべき内容が記事内にあることを理解できるように、angularjs についての紹介を中心に紹介しています。それでは、この記事を一緒に読みましょう
まず angularjs を学習しましょう。 angularjs とは何かを理解する必要がありますか?
1. Angularjs はアプリケーション用に特別に設計された HTML です。
a: angularjs はアプリケーション データを HTML にバインドします。
b: angularjs は html のクローンを作成して複製できます。
c: angularjs は HTML を非表示にしたり表示したりできます。
d: angularjs は HTML 要素にコードを追加できます。
e: angularjs は入力検証をサポートしています。
angularjs は、命令を通じて html を拡張し、式を通じてデータを html にバインドする Javascript フレームワークです。 angularjs には多くの命令が設定されており、これらを介して複雑なタスクを簡単に完了できます。
angularjs ディレクティブとは:
angularjs ディレクティブは、接頭辞 ng が付いている HTML 属性です。
例:
<p ng-app=""></p>
ng-app ディレクティブは、angularjs アプリケーションを定義します。 (ng-app は、e388a4556c0f65e1904146cc1a846bee 要素が angularjs アプリケーションの「所有者」であることを angularjs に伝えます。これは、angularjs で使用する後続のすべてのメソッド、命令などがこの「所有者」内で完了することを意味します。) (次のように考えます)詳細については、PHP 中国語 Web サイト AngularJS 開発マニュアル にアクセスして学習してください)
angularjs 式:
angularjs 式は二重中括弧: {{ }} で囲まれています。
angularjs 式はデータを HTML にバインドします。
angularjs は式が書かれた場所にデータを「出力」します。 (つまり、出力データを表示するために {{ }} が使用されます)。
angularjs の式には、テキスト、演算子、定義された関数名、変数などを含めることができます。
例:
{{1 * 2}}、{{myFunction()}}、{{firstName + " " + lastName}}
angularjsアプリケーション
angularjsモジュール(モジュール)はangularjsを定義しますアプリケーション
angularjs コントローラー (コントローラー) は、angularjs アプリケーション
を制御するために使用されます。例:
6c13a1a3b09fba4a8d7eb81e8b934aa9 dc47981a3d19b199b9afb13dba0bca4a94b3e26ee717c64999d7867364b1b4a3 94b3e26ee717c64999d7867364b1b4a3 3f1c4e4b6b16bbbd69b2ee476dc4f83a var app = module("myApp",[]); app.controller("myCtrl",function($scope){// 定义属性的值,传入视图层的表达式中。}); 2cacc6d41bbb37262a98f745aa00fbf0
angularjs モジュール定義アプリケーション:
var app = angular.module("myApp",[]);
angularjs コントローラー制御アプリケーション:
注: Angular ではモジュールとコントローラーの定義が不可欠です。この記事はここで終わります (さらに詳しく知りたい場合は、PHP 中国語 Web サイト AngularJS ユーザー マニュアル にアクセスして学習してください)。ご質問がある場合は、以下にメッセージを残してください。
以上がangularjsとは何ですか? angularjs の詳細な説明 (サンプル付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。