angularjs从插槽中删除transclude包装器

Kin*_*oku 6 angularjs angularjs-ng-transclude

我有一个带有翻译槽的简单指令.

function wmFormControl() {
    return {
        replace: true,
        templateUrl: 'wm-form-control.htm',
        transclude: {
            label: '?label',
            hint: '?hint'
        }
    };
}
Run Code Online (Sandbox Code Playgroud)

和模板

<section>
    <span ng-transclude="label"></span>
    <div ng-transclude></div>
    <span ng-transclude="hint"></span>
</section>
Run Code Online (Sandbox Code Playgroud)

这是用法

<wm-form-control>
    <label>Label</label>
    Blah blah blah
    <hint>hint</hint>
</wm-form-control>
Run Code Online (Sandbox Code Playgroud)

结果我有:

<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>
Run Code Online (Sandbox Code Playgroud)

有没有办法删除插槽包装?<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>
Run Code Online (Sandbox Code Playgroud)