>  기사  >  웹 프론트엔드  >  AngularJS 표현식을 사용하는 방법은 무엇입니까? Anglejs의 표현식 사용에 대한 자세한 설명

AngularJS 표현식을 사용하는 방법은 무엇입니까? Anglejs의 표현식 사용에 대한 자세한 설명

寻∝梦
寻∝梦원래의
2018-09-08 14:49:311185검색

이 글에서는 주로 angularjs의 표현식 사용과 Anglejs의 숫자, 배열, 문자열 사용에 대해 자세히 설명합니다. 이 글을 함께 살펴보겠습니다

AngularJS 표현식 공식:

AngularJS는 expressions를 사용하여 데이터를 HTML에 바인딩합니다.

AngularJS 표현식은 이중 중괄호 안에 작성됩니다: {{ 표현식 }}.

AngularJS 표현식은 데이터를 HTML에 바인딩하며 이는 ng-bind 지시어와 유사합니다.

AngularJS는 표현식이 작성된 데이터를 "출력"합니다.

AngularJS 표현식JavaScript 표현식과 매우 유사합니다. 리터럴, 연산자 및 변수를 포함할 수 있습니다.

인스턴스 {{ 5 + 5 }} 또는 {{ firstName + " " + lastName }}

AngularJS 숫자

AngularJS 숫자는 JavaScript 숫자와 같습니다.

AngularJS 예



총 가격: {{ 수량 * 비용 }}


ng-bind를 사용하는 동일한 인스턴스:

AngularJS 인스턴스



< ;p>총 가격:


AngularJS 표현식을 사용하는 방법은 무엇입니까? Anglejs의 표현식 사용에 대한 자세한 설명 ng-init을 사용하는 것은 흔하지 않습니다. 컨트롤러 장에서 데이터를 초기화하는 더 나은 방법을 배우게 됩니다.

AngularJS 문자열

AngularJS 문자열은 JavaScript 문자열과 같습니다.

AngularJS 예제



이름: {{ firstName + " " + lastName }}


ng-bind를 사용하는 동일한 인스턴스:


AngularJS 예제



이름:


(자세한 내용을 보려면 PHP 중국어 웹사이트AngularJS 개발 매뉴얼을 방문하여 알아보세요.)

AngularJS 개체:

AngularJS 개체는 JavaScript 개체와 같습니다.

AngularJS 인스턴스



성은 {{ person.lastName }}


ng-bind를 사용한 동일한 예:


AngularJS 예



성은


해 보세요 »

AngularJS 배열

AngularJS 배열은 JavaScript 배열과 같습니다.

AngularJS 예제



세 번째 값 동일 {{ points[2] }}


에 대해 ng-bind를 사용하는 인스턴스:


AngularJS 인스턴스



세 번째 값은/span> ;


AngularJS 표현식 및 JavaScript 표현식

JavaScript 표현식과 유사하게 AngularJS 표현식에는 문자, 연산자 및 변수가 포함될 수 있습니다.

JavaScript 표현식과 달리 AngularJS 표현식은 HTML로 작성할 수 있습니다.

JavaScript 표현식과 달리 AngularJS 표현식은 조건부 판단, 루프 및 예외를 지원하지 않습니다.

JavaScript 표현식과 달리 AngularJS 표현식은 필터를 지원합니다.

이 기사는 여기서 끝납니다. (자세한 내용을 보려면 PHP 중국어 웹사이트AngularJS 사용자 설명서를 방문하세요.) 궁금한 점이 있으면 아래에 메시지를 남겨주세요.

위 내용은 AngularJS 표현식을 사용하는 방법은 무엇입니까? Anglejs의 표현식 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.