AngularJS와 표현
AngularJS와는 HTML에 데이터를 바인딩 식을 사용합니다.
AngularJS와 표현
중괄호로 작성 식을 AngularJS와 {{식}}.
AngularJS와 표현은 NG-BIND 명령이 동일한 목적이 HTML로 데이터를 결합한다.
쓰기 위치 "출력"데이터 AngularJS와 식입니다.
자바 스크립트 표현식과 같은 식을 AngularJS와 : 그들은 텍스트, 연산자 및 변수를 포함 할 수 있습니다.
예 5 + 5 {{}} 또는 {{firstName을 + ""+이 lastName}}
예를 AngularJS와
<! DOCTYPE html로>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8 ">
<스크립트 SRC = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </ script>
</ 헤드>
<바디>
<사업부의 NG-응용 프로그램 = "" >
<P> 내 첫 번째 표현식 : {{5 + 5}} </ P>
</ DIV>
</ BODY>
</ HTML>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8 ">
<스크립트 SRC = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </ script>
</ 헤드>
<바디>
<사업부의 NG-응용 프로그램 = "" >
<P> 내 첫 번째 표현식 : {{5 + 5}} </ P>
</ DIV>
</ BODY>
</ HTML>
»시도
AngularJS와 디지털
AngularJS와 자바 스크립트 자리 번호와 같은 :
예를 AngularJS와
<div ng-app="" ng-init="quantity=1;cost=5">
<p>总价： {{ quantity * cost }}</p>
</div>
<p>总价： {{ quantity * cost }}</p>
</div>
»시도
같은 인스턴스 NG-바인딩을 사용하여
예를 AngularJS와
<div ng-app="" ng-init="quantity=1;cost=5">
<p>总价： <span ng-bind="quantity * cost"></span></p>
</div>
<p>总价： <span ng-bind="quantity * cost"></span></p>
</div>
»시도
 | 사용 NG-초기화는 매우 일반적인 아닙니다. 당신은 컨트롤러 장의 데이터를 초기화 할 수있는 더 좋은 방법을 배우게됩니다. |
|---|
AngularJS와 문자열
AngularJS와 자바 스크립트 문자열 문자열 같은 :
예를 AngularJS와
<div ng-app="" ng-init="firstName='John';lastName='Doe'">
<p>姓名： {{ firstName + " " + lastName }}</p>
</div>
<p>姓名： {{ firstName + " " + lastName }}</p>
</div>
»시도
같은 인스턴스 NG-바인딩을 사용하여
예를 AngularJS와
<div ng-app="" ng-init="firstName='John';lastName='Doe'">
<p>姓名： <span ng-bind="firstName + ' ' + lastName"></span></p>
</div>
<p>姓名： <span ng-bind="firstName + ' ' + lastName"></span></p>
</div>
»시도
AngularJS와 객체
자바 스크립트 객체와 같은 객체를 AngularJS와 :
예를 AngularJS와
<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
<p>姓为 {{ person.lastName }}</p>
</div>
<p>姓为 {{ person.lastName }}</p>
</div>
»시도
같은 인스턴스 NG-바인딩을 사용하여
예를 AngularJS와
<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
<p>姓为 <span ng-bind="person.lastName"></span></p>
</div>
<p>姓为 <span ng-bind="person.lastName"></span></p>
</div>
»시도
AngularJS와 배열
배열로 AngularJS와 자바 스크립트 배열 :
예를 AngularJS와
<div ng-app="" ng-init="points=[1,15,19,2,40]">
<p>第三个值为 {{ points[2] }}</p>
</div>
<p>第三个值为 {{ points[2] }}</p>
</div>
»시도
같은 인스턴스 NG-바인딩을 사용하여
예를 AngularJS와
<div ng-app="" ng-init="points=[1,15,19,2,40]">
<p>第三个值为 <span ng-bind="points[2]"></span></p>
</div>
<p>第三个值为 <span ng-bind="points[2]"></span></p>
</div>
»시도
AngularJS와 자바 스크립트의 표현과 표현
자바 스크립트 표현식과 마찬가지로, AngularJS와 표현식은 문자, 연산자, 변수를 포함 할 수 있습니다.
다른 식 자바 스크립트, AngularJS와 표현은 HTML로 작성 할 수 있습니다.
다른 식 자바 스크립트, AngularJS와 표현은 조건부, 순환과 이상을 지원하지 않습니다.
자바 스크립트 표현과 다른, AngularJS와 표현 지원 필터.