표현식은 응용 프로그램 데이터를 HTML에 바인딩하는 데 사용됩니다. 표현식은 {{expression}}과 같은 이중 괄호로 작성됩니다. 표현의 행동은 NG- 결합 지시문과 동일합니다. AngularJS 애플리케이션 표현식은 순수한 JavaScript 표현식이며 여기에 사용되는 데이터를 출력합니다.
AngularJS Expression 형식 : {{expression}}
Angularjs 표현식은 문자열, 숫자, 연산자 및 변수 일 수 있습니다
번호 작동 {{1 + 5}}
문자열 연결 {{ 'abc' + 'bcd'}}
변수 작동 {{FirstName + "" + lastName}}, {{Quantity * Cost}}
개체 {{person.lastname}}
배열 {{points [2]}}
Angularjs 예제
1.angularjs 번호
<div ng-app = ""ng-init = "수량 = 2; cost = 5"> <p> 총 가격 : {{수량 * 비용}} </p> </div>위의 예제 출력 :
총 가격 : 10
코드 댓글 :
ng-init = "수량 = 2; cost = 5"// var reter = 2, javaScript에서 비용 = 5;
NG- 결합을 사용하여 동일한 함수를 달성 할 수 있습니다
<div ng-app = ""ng-init = "수량 = 1; cost = 5"> <p> 총 가격 : <span ng-bind = "quantity * cost"> </span> </p> // 여기서 ng-bind는 지정된 스팬의 내부 html과 동일합니다.
2. Angularjs 문자열
<div ng-app = ""ng-init = "firstName = 'john'; lastName = 'snow'"> <p> 이름 : {{firstName + "" + lastName}} </p> </div>산출
이름 : Jone Snow
3. Angularjs 객체
<div ng-app = ""ng-init = "person = {firstName : 'John', lastName : 'snow'}"> <p> 성은 {{person.lastname}} </p> </div>입니다산출
눈
4. Angularjs 배열
<div ng-app = ""ng-init = "points = [1,15,19,2,40]"> <p> 세 번째 값은 {{points [2]}} </p> </div>입니다산출
세 번째 값은 19입니다
위의 것은 편집자가 소개 한 AngularJS 소개 튜토리얼의 AngularJS 표현식에 대한 소개입니다. 나는 그것이 당신에게 도움이되기를 바랍니다!