앵귤러 디렉티브에 스코프 변수 넘기는 방법

디렉티브 생성시 반환하는 객체 중 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;
}