Angularjs 표현
AngularJS는 표현식을 사용하여 데이터를 HTML에 바인딩합니다.
Angularjs 표현식은 이중 브레이스로 작성됩니다. {{expression}} .
AngularJS 표현식은 NG- 결합 지시문과 유사한 HTML에 데이터를 바인딩합니다.
AngularJS는 표현식이 작성된 위치에서 데이터를 "출력"합니다.
AngularJS 표현식은 JavaScript 표현식과 매우 유사합니다. 리터럴, 연산자 및 변수를 포함 할 수 있습니다.
인스턴스 {{5 + 5}} 또는 {{firstName + "" + lastName}}
예제 코드 :
<! docType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <sg- appp> <{5 {5 {{5 {{5 <<p>. }} </p> </div> </body> </html>실행 결과 :
나의 첫 표현 : 10
AngularJS 번호
AngularJS 번호는 JavaScript 번호와 같습니다.
예제 코드 :
<! docType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <lyg-app = "" "" ng-init = "수량 = 1; cost = 5"> <p> 총 가격 : {{수량 * 비용}} </p> </div> </body> </html>실행 결과 :
총 가격 : 5
ng-bind를 사용하는 것과 동일한 예 :
예제 코드 :
<! docType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <lyg-app = "" "" ng-init = "수량 = 1; cost = 5"> <p> 총 가격 : <span ng-bind = "수량 * 비용"> </span> </p> </div> </body> </html>
실행 결과 :
총 가격 : 5
참고 : ng-init를 사용하는 것이 일반적이지 않습니다. 컨트롤러 장에서 데이터를 초기화하는 더 나은 방법을 배웁니다.
Angularjs 문자열
Angularjs 문자열은 JavaScript 문자열과 같습니다.
예제 코드 :
<! docType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <lyg-app = "" "" ng-init = "firstName = 'john'; lastName = 'doe'"> <p> 이름 : {{firstName + "" + lastName}} </p> </div> </body> </html>실행 결과 :
이름 : John Doe
ng-bind를 사용하는 것과 동일한 예 :
예제 코드 :
<! docType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <lyg-app = "" "" ng-init = "firstName = 'john'; lastName = 'doe'"> <p> 이름 : <span ng-bind = "firstName + '' + lastName"> </span> </p> </div> </body> </html>
실행 결과 :
이름 : John Doe
AngularJS 객체
AngularJS 객체는 JavaScript 객체와 같습니다.
예제 코드 :
<! docType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <lyg-app = "" "" ng-init = "person = {firstName : 'John', lastName : 'doe'}"> <p> 성은 {{person.lastname}} </p> </div> </body> </html>입니다실행 결과 :
이름이었다
ng-bind를 사용하는 것과 동일한 예 :
예제 코드 :
<! docType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <lyg-app = "" "" ng-init = "person = {firstName : 'John', lastName : 'doe'}"> <p> 성은 <span ng-bind = "person.lastname"> </span> </p> </div> </body> </html>입니다실행 결과 :
이름이었다
Angularjs 배열
AngularJS 배열은 JavaScript 어레이와 같습니다.
예제 코드 :
<! docType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <lyg-app = "" "" ng-init = "points = [1,15,19,2,40]"> <p> 세 번째 값은 {{points [2]}} </p> </div> </body> </html>입니다실행 결과 :
세 번째 값은 19입니다
ng-bind를 사용하는 것과 동일한 예 :
예제 코드 :
<! docType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <lyg-app = "" "" ng-init = "points = [1,15,19,2,40]"> <p> 세 번째 값은 <span ng-bind = "points [2]"> </span> </p> </div> </body> </html>입니다
실행 결과 :
세 번째 값은 19입니다
AngularJS 표현식 및 JavaScript 표현식
JavaScript 표현과 유사하게 AngularJS 표현식에는 문자, 연산자 및 변수가 포함될 수 있습니다.
JavaScript 표현과 달리 AngularJS 표현식은 HTML로 작성할 수 있습니다.
JavaScript 표현과 달리 AngularJS 표현식은 조건부 판단, 루프 및 예외를 지원하지 않습니다.
JavaScript 표현식과 달리 AngularJS 표현식은 필터를 지원합니다.
위는 AngularJS 발현 재료의 편집입니다. 우리는 나중에 계속 추가 할 것입니다. Angularjs를 배우는 데 도움이되기를 바랍니다 동급생.