지시어 템플릿 안에있는 양식의 상태에 액세스하는 "각"방식이란 무엇입니까?

Question

편집기 (양식)를 포함하는 지시문을 생성하려고합니다. 바깥 쪽 컨트롤러는 내부 지시어로 "편집 할 물건"을 쉽게 밀어 넣을 수 있습니다. 그러나 바깥 쪽 컨트롤러가 폼이 더러운지를 알기를 바랍니다. 내 전체 템플릿 (간체) :

directive('accountEditor',[ 'account', function(account) { 
    return { 
    restrict: 'E', 
    scope: { 
     accountId: '=', 
     dirtyFlag: '=' 
    }, 
    link: function($scope, element, attr, ctrl) { 
     $scope.$watch('accountId', function() { 
     $scope.accountToEdit = account.getAccount($scope.accountId); 
     }); 
     // I WANT TO WATCH THE FORM STATE, AND UPDATE dirtyFlag 
    }, 
    template: '<form><input ng-model="accountToEdit.name"/></form>' 
    }; 
}]); 

내가 <에 넣어 추가 지침을 작성해야 :

<div ng-controller="outer"> 
    <account-editor account-id="currentID" dirty-flag="isDirty"></account-editor> 
</div> 

내가이 지시문은 "외부"컨트롤러의 IsDirty 사용 플래그를 업데이트해야 할 양식 >을 사용하거나 이벤트를 사용하거나 링크 중 DOM에 직접 액세스하거나 다른 것을 사용 하시겠습니까?

내 전체 코드는 http://jsbin.com/amuduro/1/edit이지만 더 많은 기능이 포함되어 있습니다. 에 양식 이름을 넣는

Answer 1

하여 컨트롤러가 (이 고립 된 경우에도)이 지침의 범위에 배치하게됩니다 임베디드 다음 작품 너무 :

<form name='theForm'>...</form> 

다음 지침 링크에서 :

$scope.$watch('theForm.$dirty', function() { 
    $scope.dirtyFlag = $scope.theForm.$dirty; 
    });