수

앵귤러js orderBy 필터로 표시

· 2017-08-17 (목) 23:44:12 · 1585
앵귤러js orderBy 필터로 표시

표를 정렬하려면 orderBy 필터를 추가하십시오 .

예
<table>
<tr ng-repeat="x in names | orderBy : 'Country'">
<td>{{ x.Name }}</td>
<td>{{ x.Country }}</td>
</tr>
</table>


<!DOCTYPE html>
<html>
<style>
table, th , td {
border: 1px solid grey;
border-collapse: collapse;
padding: 5px;
}
table tr:nth-child(odd) {
background-color: #f1f1f1;
}
table tr:nth-child(even) {
background-color: #ffffff;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="customersCtrl">

<table>
<tr ng-repeat="x in names | orderBy : 'Country'">
<td>{{ x.Name }}</td>
<td>{{ x.Country }}</td>
|
댓글을 작성하시려면 로그인이 필요합니다.
+
분류 제목 글쓴이 날짜 조회
AngularJS
[AngularJS]
17-08-24 조회 1,561
AngularJS
[AngularJS]
17-08-24 조회 1,865
AngularJS 17-08-24 조회 1,772
AngularJS 17-08-23 조회 1,839
AngularJS 17-08-23 조회 2,483
AngularJS 17-08-23 조회 1,702
AngularJS 17-08-22 조회 2,297
AngularJS 17-08-22 조회 2,315
AngularJS 17-08-22 조회 2,270
AngularJS 17-08-20 조회 2,362
AngularJS 17-08-20 조회 1,936
AngularJS 17-08-20 조회 1,565
AngularJS 17-08-18 조회 1,907
AngularJS 17-08-18 조회 2,203
AngularJS 17-08-18 조회 1,494
AngularJS 17-08-17 조회 2,436
AngularJS 17-08-17 조회 1,535
AngularJS 17-08-17 조회 1,586
AngularJS 17-08-16 조회 1,775
AngularJS 17-08-16 조회 1,627
AngularJS 17-08-16 조회 2,389
AngularJS 17-08-15 조회 1,930
AngularJS 17-08-15 조회 2,225
AngularJS 17-08-15 조회 1,580
AngularJS 17-08-11 조회 2,554
AngularJS 17-08-11 조회 2,569
AngularJS 17-08-11 조회 2,366
AngularJS 17-08-10 조회 1,681
AngularJS 17-08-10 조회 2,162
AngularJS 17-08-09 조회 2,272