angularjs-practice

angularjs 사용법 공부

(3일 리뷰 준비)

사용자 정의 필터

• 모듈에 .filter(...) 함수를 이용하여 사용자 정의 필터 추가 가능
  • 내부적으로 filterProvider 사용
  • 필터 함수를 리턴하는 함수 작성, 첫 번째 인자가 필터 입력이고, 이후 인자는 매개변수이다
• 필터 함수는 순수 함수여야 한다 (상태 필요하면 모델로 꺼내서 순수 함수로 만들기)
• 이름에 -이나 . 은 허용되지 않는다 (표현식 이름 규칙과 동일)

사용법

angular
  .module('core')
	.controller('FilterController', ['$scope', function($scope) {
	  $scope.checked = true
	}])

	.filter('checkmark', function(){
	  return function(input, colored){
	    if(colored){   // colored is truthy
	      console.log('colored')
	      return input ? '\\u2705' : '\\u274c'
	    }
	    return input ? '\\u2713' : '\\u2718'
	  }
	})

<div ng-controller="FilterController">
    <p>
      checked
      <input type="checkbox" name="checked" id="checked" ng-model="checked">
    </p>
    <p>
      colored
      <input type="checkbox" name="colored" id="colored" ng-model="colored">
    </p>
    checkmark filter: {{ checked | checkmark:colored }}
  </div>