AngularJS 표현식

표현식은 애플리케이션 데이터를 HTML에 바인딩하는 데 사용됩니다. 표현식은 양쪽 괄호 안에 씁니다. 예를 들어, {{expression}} 중에. 표현식의 동작은 ngbind 지시자와 유사합니다. AngularJS 표현식은 순수 JavaScript 표현식이며, 사용된 곳에서 데이터를 출력합니다.

숫자 사용

<p>도서에 대한 지출:　{{cost　*　quantity}}　Rs</p>

문자열 사용

<p>Hello　{{student.firstname　+　"　"　+　student.lastname}}!/p>

객체 사용

<p>Roll　No:　{{student.rollno}}</p>

배열 사용

<p>Marks(Math):　{{marks[3]}}</p>

예제

이 예제는 모든 이전 표현식의 사용을 보여줍니다-

testAngularJS.htm

예제

<html>
　　　head>
　　　　　　<title>AngularJS 표현식</title>
　　　</head>
　　　
　　　<body>
　　　　　　<h1>예제 애플리케이션</h1>
　　　　　　
　　　　　　<div　ng-app　=　""　ng-init　=　"quantity　=　1;cost　=　30;　
　　　　　　　　　student　=　{firstname:'Mahesh',lastname:'Parashar',rollno:101};
　　　　　　　　　marks　=　[80,,90,,75,73,60]">
　　　　　　　　　<p>Hello　{{student.firstname　+　"　"　+　student.lastname}}!/p>
　　　　　　　　　<p>도서에 대한 지출:　{{cost　*　quantity}}　Rs</p>
　　　　　　　　　<p>Roll　No:　{{student.rollno}}</p>
　　　　　　　　　<p>Marks(Math):　{{marks[3]}}</p>
　　　　　　</div>
　　　　　　
　　　　　　<script　src　=　"https://cdn.staticfile.org/angular.js/1.3.14/angular.min.js">
　　　　　　</script>
　　　　　　
　　　</body>
</html>

테스트를 보세요‹/›

출력 결과

네트워크 브라우저에서 파일을 엽니다.testAngularJS.htm결과를 확인하세요。

AngularJS 컨트롤러 AngularJS 지시어