앵귤러js(AgularJS)에서 기본 제공되는 필터는 사용해 봤으니 직접 만들어서 사용해 봅시다. (참고 : 참고 : AngularJS Develop - 11 - Custom Filters ) 연관글 영역 1. 커스텀 필터(Custom Filter) 작성 앵귤러에서 필터를 추가하려면 '.filter'를 사용하면 됩니다. 아래 코드는 입력받은 값을 리턴해주는 필터입니다. app.filter('MyFilter', ['$filter', function ($filter) { return function (input1, scope, input2) { return "input1 : " + input1 + " input1" + input2; }; }]); 내용은 원하는 대로 작성하시면 됩니다. 2. 사용하기 이렇게 ..

이 필터도 앵귤러js(AgularJS)에서 기본 제공되는 필터입니다. 양이 많으니(= 기능이 많다. ) 차근차근 예제를 따라 해보도록 하겠습니다. (참고 : 참고 : AngularJS API Reference - orderBy ) 연관글 영역 1. 기본 사용법 'OrberBy'는 배열로 결과가 리턴됩니다. 그래서 'ng-repeat' 같은 것으로 사용 가능합니다. See the Pen AngularJS filter - orderBy 1 by DangGun (@danggun) on CodePen. 2. 정렬 변경하기 정렬옵션을 실시간으로 바꿔 봅시다. 이렇게 가지고 있는 데이터셋에서 필터의 옵션만 조정해 주면 앵귤러가 알아서 다시 정렬 해줍니다. See the Pen AngularJS filter - or..

앵귤러JS에서는 데이터를 출력할 때 필터를 적용해서 출력할 수 있습니다. AngularJS API Reference - filter 이 포스팅에서는 배열을 필터링하는 'filter' 통화 표시 필터인 'currency' 숫자 처리 필터인 'number' 날짜 처리 필터인 date 제이썬(Json)으로 표시해주는 'json' 소문자로 바꿔주는 'lowercase' 대문자로 바꿔주는 'uppercase' 글자 갯수를 잘라주는 'limitTo' 를 다룹니다. 연관글 영역 1. filter 참고 : AngularJS API Reference - filter 배열을 필터링해주는 필터입니다. 리턴이 배열로 오기 때문에 반복문(ng-repeat)으로 활용하거나 바인딩하는 것이 가능합니다. See the Pen QGK..

Error: $injector:modulerrModule Error Error: $injector:unprUnknown Provider 이런 에러는 앵귤러 내부에서 모듈 매칭이 실패 했을 때 주로 발생합니다. 특히 asp.net의 번들(Bundle) 기능 같은 미니마이즈(Minimized)를 하게 되면 반드시 펑션의 매개변수가 단순화되고 이 문제 때문에 앵귤러 내부모듈을 찾을 수 없어 에러가 나게 됩니다. 미니마이즈를 사용하지 않으면 앵귤러 내부모듈과 이름으로 매칭이 되기 때문에 에러가 나지 않습니다. 1. 테스트 코드 아래 코드를 실행해 봅니다. 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 Minimized Test var app..