我有一个带有翻译槽的简单指令。
function wmFormControl() {
return {
replace: true,
templateUrl: 'wm-form-control.htm',
transclude: {
label: '?label',
hint: '?hint'
}
};
}
和模板
<section>
<span ng-transclude="label"></span>
<div ng-transclude></div>
<span ng-transclude="hint"></span>
</section>
这是用法
<wm-form-control>
<label>Label</label>
Blah blah blah
<hint>hint</hint>
</wm-form-control>
结果我有:
<section>
<span ng-transclude="label">
<label>Label</label>
</span>
<div ng-transclude>
Blah blah blah
</div>
<span ng-transclude="hint">
<hint>hint</hint>
</span>
</section>
有没有办法删除插槽包装器?例如<label>
和<hint>
或带有ng-transclude的那个?
我想得到什么:
<section>
<span ng-transclude="label">Label</span>
<div ng-transclude>
Blah blah blah
</div>
<span ng-transclude="hint">hint</span>
</section>