-1

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...
       }
   };
});

然而，当我运行它时，输出不包含，并且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

0

这里有两个问题：

  1. 有一个<form>内部 a <form>，它被浏览器或角度剥离（我不在乎）。
  2. Angular pre-1.3.0 似乎仅作为属性支持ng-transclude模板。从 1.3.0 开始，它也支持它作为一个元素。
于 2014-09-22T20:34:16.163 回答