336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요.
사용자 정의 필터링하는 방법을 알려드리겠습니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56 |
<!DOCTYPE html>
<html>
<meta charset="utf-8"/>
<!-- 라우팅과 angularJS기본파일입니다. -->
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<!-- controller와 app을 생성합니다. -->
<ul ng-app="myApp" ng-controller="moneyCtrl">
<!-- menuMoney라는 배열을 차례대로 뿌립니다. -->
<li ng-repeat="x in menuMoney">
<!-- repeat를 통해서 들어온 x를 money형식으로 포멧팅해서 출력합니다. -->
{{x | money}}
</li>
</ul>
<script>
var app = angular.module('myApp', []);
/* 어떤 값을 포멧해서 넣어주는 함수이고, 어떤 데이터를 포멧할때 그 데이터를 num자리에 넣어서 실행합니다. */
app.filter('money', function() {
//원화로 포멧해주는 함수입니다.
return function(num) {
var len, point, str;
point = num.length % 3 ;
len = num.length;
str = num.substring(0, point);
while (point < len) {
if (str != "") str += ",";
str += num.substring(point, point + 3);
point += 3;
}
str = "\\"+str;
return str;
};
});
//controller를 생성합니다. menuMoney라는 변수를 생성해서 배열로 넣어줍니다.
app.controller('moneyCtrl', function($scope) {
$scope.menuMoney = [
'1234',
'1000',
'1000000',
'500000',
'40000',
'9000000000',
'10203050'
];
});
</script>
</body>
</html>
|
cs |
감사합니다.
'ANGULARJS > filter' 카테고리의 다른 글
| angularJS filter 검색을 편하게 해주는 filter (0) | 2016.06.30 |
|---|---|
| angularJS Filter간단한 사용법 (0) | 2016.06.30 |