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)
| 归档时间: |
|
| 查看次数: |
241 次 |
| 最近记录: |