AngularJS Directives(지시문) - Repeating HTML Elements(반복되는 HTML 요소)

· 8년 전 · 1344
AngularJS Directives(지시문) - Repeating HTML Elements(반복되는 HTML 요소)

이 ng-repeat지시문은 HTML 요소를 반복합니다.

<div ng-app="" ng-init="names=['Jani','Hege','Kai']">
<ul>
<li ng-repeat="x in names">
{{ x }}
</li>
</ul>
</div>

소스
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="" ng-init="names=['Jani','Hege','Kai']">
<p>Looping with ng-repeat:</p>
<ul>
<li ng-repeat="x in names">
{{ x }}
</li>
</ul>
</div>

</body>
</html>

ng-repeat지시어는 실제로 HTML 요소를 복제합니다 콜렉션의 각 항목에 대해 한 번.

ng-repeat오브젝트의 배열에 사용 지시문 :


<div ng-app="" ng-init="names=[
{name:'Jani',country:'Norway'},
{name:'Hege',country:'Sweden'},
{name:'Kai',country:'Denmark'}]">

<ul>
<li ng-repeat="x in names">
{{ x.name + ', ' + x.country }}
</li>
</ul>

</div>

소스
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="" ng-init="names=[
{name:'Jani',country:'Norway'},
{name:'Hege',country:'Sweden'},
{name:'Kai',country:'Denmark'}]">

<p>Looping with objects:</p>
<ul>
<li ng-repeat="x in names">
{{ x.name + ', ' + x.country }}</li>
</ul>

</div>

</body>
</html>
|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리싱강좌

+
분류 제목 글쓴이 날짜 조회
AngularJS 8년 전 조회 1,667
AngularJS 8년 전 조회 1,585
AngularJS 8년 전 조회 1,292
AngularJS 8년 전 조회 1,829
AngularJS 8년 전 조회 1,861
AngularJS 8년 전 조회 1,290
AngularJS 8년 전 조회 1,447
AngularJS 8년 전 조회 1,558
AngularJS 8년 전 조회 1,361
AngularJS 8년 전 조회 1,389
AngularJS 8년 전 조회 1,378
AngularJS 8년 전 조회 1,516
AngularJS 8년 전 조회 1,390
AngularJS 8년 전 조회 1,634
AngularJS 8년 전 조회 1,345
AngularJS 8년 전 조회 1,265
AngularJS 8년 전 조회 1,347
AngularJS 8년 전 조회 1,862
AngularJS 8년 전 조회 1,579
AngularJS 8년 전 조회 1,685
AngularJS 8년 전 조회 1,307
AngularJS 8년 전 조회 1,555
AngularJS 8년 전 조회 1,652
AngularJS 8년 전 조회 1,658
AngularJS 8년 전 조회 2,272
AngularJS 8년 전 조회 1,681
jQuery Mobile
[jQuery Mobile]
8년 전 조회 2,456
jQuery Mobile
[jQuery Mobile]
8년 전 조회 2,224
jQuery Mobile
[jQuery Mobile]
8년 전 조회 2,103
jQuery Mobile 8년 전 조회 1,992