AngularJS : 지시문 템플릿에 양식 요소를 포함 할 수 있습니까?

Question

각도 지시문 템플릿에 form 요소를 사용할 수 있습니까? 예 : 반복적 인 코딩을 줄이기 위해 양식을 완전히 생성하고자 할 수 있습니다. HTML은 데이터를 표시하고, 지시문은 편집을 자동 생성합니다.

<div data-editable="true"> 
    <span>{{item.name}}</span>   
</div> 

그리고 지침 : 나는 많은 반복 편집 페이지가 유용 할 것

.directive('editable',function(){ 
    return { 
     restrict: 'AE', 
     require: '^form', 
     transclude:true, 
     scope: {}, // to be set after... 
     template:'<div><form name="someForm"><span>FORM</span></form></div>', 
     link: function(scope,elm,attrs,controller) { 
      //nothing here quite yet... 
     } 
    }; 
}); 

내가 그것을 실행할 때 그러나, 출력이 transclude하지 않습니다, 그리고 form 요소는 밖으로 제거한다 :

<div data-editable="true" class="ng-isolate-scope"><div><span>FORM</span><ng-transclude></ng-transclude></div></div> 

• <span>{{item.name}}</span>는
에서의 매개자되지 않는다3210
• <form> 요소가 완전히 제거되었습니다.

무엇이 잘못 되었나요?

Answer 1

여기에 2 문제가 있었다 :

1. 브라우저 또는 각도 (나는 어떤 상관 없어) 중 하나에 의해 제거 된 <form>, 내부 <form> 있었다.
2. 각도 1.3.0 이전은 만 속성으로 ng-transclude을 지원하는 것으로 보입니다. 1.3.0부터는 요소로도 지원합니다.