AngularJS 표현식에 대해 얼마나 알고 있나요? Anglejs 표현식 및 애플리케이션에 대한 자세한 설명(개선된 버전)

이번 글에서는 주로 angularjs의 표현에 대한 설명과 Anglejs의 적용 내용을 다루고 있습니다. 지금 이 글을 살펴보겠습니다

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 application

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 모델 개체를 저장하는 데 사용됩니다.
컨트롤러는 범위에 두 개의 속성(firstName 및 lastName)을 생성합니다.
ng-model 지시문은 입력 필드를 컨트롤러 속성(firstName 및 lastName)에 바인딩합니다.
알겠습니다. 이 기사는 여기서 끝납니다. (자세한 내용을 보려면 PHP 중국어 웹사이트 AngularJS 사용자 설명서를 방문하세요.) 궁금한 점이 있으면 아래에 메시지를 남겨주세요.

위 내용은 AngularJS 표현식에 대해 얼마나 알고 있나요? Anglejs 표현식 및 애플리케이션에 대한 자세한 설명(개선된 버전)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!