AngularJS 式についてどれくらい知っていますか? angularjsの表現と応用の詳細解説（改良版）

この記事では主にangularjsの式の説明とangularjsの応用詳細についてお話します。では、この記事を見てみましょう

AngularJS 式

AngularJS 式は、二重中括弧内に記述されます: {{ 式 }}。

AngularJS 式はデータを HTML にバインドします。これは ng-bind ディレクティブと似ています。

AngularJS は、式が記述された場所にデータを「出力」します。

AngularJS 式は JavaScript 式 によく似ており、リテラル、演算子、変数を含めることができます。

例 {{ 5 + 5 }} または {{ firstName + " " + lastName }}

AngularJS 式と JavaScript 式

JavaScript 式と同様に、AngularJS 式には文字、演算記号、変数を含めることができます。

JavaScript 式とは異なり、AngularJS 式は HTML で記述できます。

JavaScript 式とは異なり、AngularJS 式は条件判断、ループ、例外をサポートしません。

JavaScript 式とは異なり、AngularJS 式はフィルターをサポートしています。

AngularJS ディレクティブには接頭辞 ng が付きます HTML 属性。

AngularJS アプリケーション

AngularJS Module は AngularJS アプリケーションを定義します。

AngularJS Controller は、AngularJS アプリケーションを制御するために使用されます。

ng-app ディレクティブはアプリケーションを定義し、ng-controller はコントローラーを定義します。

<p ng-app="myApp" ng-controller="myCtrl">

名: <input type="text" ng-model="firstName"><br>
姓: <input type="text" ng-model="lastName"><br>
<br>
姓名: {{firstName + " " + lastName}}

</p>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
});
</script>

AngularJSモジュール定義アプリケーション:

var app = angular.module('myApp', []);

AngularJSコントローラー制御アプリケーション:

app.controller('myCtrl', function($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
});

アプリケーション分析:
AngularJSアプリケーションはng-appで定義されています。アプリケーションは

内で実行されます。
ng-controller="myCtrl" 属性は AngularJS ディレクティブです。コントローラーを定義するために使用されます。
myCtrl 関数は JavaScript 関数です。
AngularJS は $scope オブジェクトを使用してコントローラーを呼び出します。
AngularJS では、$scope はアプリケーション オブジェクトです (アプリケーションの変数と関数に属します)。
コントローラーの $scope (スコープ、コントロール スコープに相当) は、AngularJS モデル オブジェクトを保存するために使用されます。
コントローラーはスコープ内に 2 つのプロパティ (firstName と lastName) を作成します。
ng-model ディレクティブは、入力フィールドをコントローラーのプロパティ (firstName と lastName) にバインドします。
この記事はここで終わります (さらに詳しく知りたい場合は、PHP 中国語 Web サイト AngularJS ユーザー マニュアル にアクセスして学習してください)。ご質問がある場合は、以下にメッセージを残してください。

以上がAngularJS 式についてどれくらい知っていますか? angularjsの表現と応用の詳細解説（改良版）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。