웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > angularjs

AngularJS 디렉티브 생성시 require를 사용한 모델 가져오는 방법

Last Modified : 2020-11-26 / Created : 2017-05-17
3,143
View Count
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을 사용해야합니다.

Previous

AngularJS에서 AJAX를 끝마치고 하위 디렉티브에 이벤트 콜백 함수를 호출하는 방법들

Previous

angularjs 링크함수 내부의 $watch 내부 값이 변하지 않는 경우