AngularJS 표현식을 사용하는 방법은 무엇입니까? Anglejs에서 표현식을 사용하는 방법에 대한 세부정보

이 글에서는 주로 angularjs에서의 표현식 사용, Anglejs 숫자의 사용 예, Anglejs 문자열, 객체, 배열 사용에 대한 세부 사항을 소개합니다. 이제 이 글을 함께 살펴보겠습니다

AngularJS는 표현식을 사용하여 데이터를 HTML에 바인딩합니다.

AngularJS 표현식

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

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

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

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

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

AngularJS 숫자

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

<p ng-app="" ng-init="quantity=1;cost=5">
 <p>总价： {{ quantity * cost }}</p>
 </p>

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

<p ng-app="" ng-init="quantity=1;cost=5">
 <p>总价： <span ng-bind="quantity * cost"></span></p>
 </p>

사용 ng-init은 흔하지 않습니다. 컨트롤러 장에서 데이터를 초기화하는 더 나은 방법을 배우게 됩니다.

AngularJS 문자열

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

<p ng-app="" ng-init="firstName=&#39;John&#39;;lastName=&#39;Doe&#39;">
<p>姓名： {{ firstName + " " + lastName }}</p>
</p>

ng-bind의 동일한 인스턴스 사용:

<p ng-app="" ng-init="firstName=&#39;John&#39;;lastName=&#39;Doe&#39;">
 <p>姓名： <span ng-bind="firstName + &#39; &#39; + lastName"></span></p>
</p>

AngularJS 개체

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

<p ng-app="" ng-init="person={firstName:&#39;John&#39;,lastName:&#39;Doe&#39;}">
 <p>姓为 {{ person.lastName }}</p>
 </p>

*lastName, 대/소문자를 구분합니다. 자세한 내용을 보려면 PHP 중국어 웹사이트AngularJS 개발 매뉴얼로 이동하여 알아보세요.)

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

<p ng-app="" ng-init="person={firstName:&#39;John&#39;,lastName:&#39;Doe&#39;}">
 <p>姓为 <span ng-bind="person.lastName"></span></p>
 </p>

AngularJS 배열

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

<p ng-app="" ng-init="points=[1,15,19,2,40]">
 <p>第三个值为 {{ points[2] }}</p>
 </p>

ng- 사용 바인딩 동일한 예:

<p ng-app="" ng-init="points=[1,15,19,2,40]">
 <p>第三个值为 <span ng-bind="points[2]"></span></p>
 </p>

AngularJS 표현식 및 JavaScript 표현식

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

JavaScript 표현식과 다르게

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

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

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

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