angularjs从插槽中删除transclude包装器

时间:2016-07-29 09:28:13

标签: angularjs angularjs-ng-transclude

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

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>

0 个答案:

没有答案