앵귤러 디렉티브에 스코프 변수 넘기는 방법
디렉티브 생성시 반환하는 객체 중 scope 속성에서 스코프 변수를 설정한다. 이 변수들은 디렉티브 호출측에서 설정한 스코프 변수에 대한 연결을 설정하는 것이다. '='는 양방향으로 ng-model
처럼 동작하고 '@'는 단방향으로 ng-bind
처럼 동작한다. '&'는 함수라고 하는데 나중에 알아보자.
app.directive('myDirective', function() { return { restrict: 'EA', scope: { var1: '=', // 양방향 var2: '@', // 단방향 var3: '&' // 함수 }, /* ... */ });
ngForm
폼 입력값 검증시 잘못된 입력은 아래 클래스로 스타일링
form .ng-dirty.ng-invalid { border: red 1px solid; }