AngularJS的表達式你知道多少？ angularjs的表達式與應用的詳解（精解版）

本篇文章主要講述的是關於angularjs的表達式的解釋，還有關於angularjs的應用詳情。現在就讓我們一起來看這篇文章吧

AngularJS 表達式

AngularJS 表達式寫在雙大括號內：{{ expression }}。

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 Model(模型)的物件。
控制器在作用域中建立了兩個屬性 (firstName 和 lastName)。
ng-model 指令綁定輸入網域到控制器的屬性（firstName 和 lastName）。
好了，這篇文章到這就結束了（想看更多就到PHP中文網
AngularJS使用手冊中學習），有問題的可以在下方留言提問。

以上是AngularJS的表達式你知道多少？ angularjs的表達式與應用的詳解（精解版）的詳細內容。更多資訊請關注PHP中文網其他相關文章！