-1

formangularディレクティブテンプレート内で要素を使用することは可能ですか? たとえば、フォームを完全に生成して繰り返しコーディングを節約したい場合があります。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...
       }
   };
});

しかし、実行すると、出力はトランスクルードされず、form要素が取り除かれます。

<div data-editable="true" class="ng-isolate-scope"><div><span>FORM</span><ng-transclude></ng-transclude></div></div>
  • は<span>{{item.name}}</span>トランスクルージョンされていません
  • <form>要素が完全に削除されます

私は何を間違っていますか？

4

1 に答える 1