AngularJS : Can a directive template contain a form element? -
is possible use form element inside angular directive template? e.g. might want generate form save on repetitive coding - html shows data, directive auto-generates editing. find useful edit pages repeat lot:
<div data-editable="true"> <span>{{item.name}}</span> </div> and directive:
.directive('editable',function(){ return { restrict: 'ae', require: '^form', transclude:true, scope: {}, // set after... template:'<div><form name="someform"><span>form</span></form></div>', link: function(scope,elm,attrs,controller) { //nothing here quite yet... } }; }); yet when run it, output not transclude, , form element stripped out:
<div data-editable="true" class="ng-isolate-scope"><div><span>form</span><ng-transclude></ng-transclude></div></div> - the
<span>{{item.name}}</span>not transcluded in - the
<form>element stripped out
what doing wrong?
there 2 problems here:
- there
<form>inside<form>, stripped out either browser or angular (i don't care which). - angular pre-1.3.0 seems support
ng-transcludein template only attribute. 1.3.0 onwards supports element well.
Comments
Post a Comment