AngularJS 디렉티브 생성시 require를 사용하여 모델 가져오는 방법입니다. 아래는 간략하게 소스 코드만 정리하여 알아봅니다.
(참고로 아래는 AngularJS 1 버전의 소스 코드입니다.)myApp = angular.module('app', []);
myApp.directive('test', function(){
return {
require: 'ngModel',
link: function(scope, element, attrs, ngModel){
attrs.$observe('ngModel', function(value) {
scope.$watch(value, function(){
// Code
});
});
}
});
scope을 사용한 방법으로 장단점이 있습니다. 다른 특징으로는 반드시 require는 link를 사용하여 ngModel을 사용해야합니다.