Question

为什么Aurelia的自定义元素不会被其模板取代，而不是放在其中？

例：
我想要

<sidebar-item label="Dashboard" href="#" icon="icon-home4"></sidebar-item>

将被此

取代

<li class="active">
     <a href="index.html">
          <i class="icon-home4"></i>
          <span>Dashboard</span>
     </a>
</li>

但相反，结果如下：

<sidebar-item label="Dashboard" href="#" icon="icon-home4">
       <li class="active">
            <a href="index.html"><i class="icon-home4"></i> <span>Dashboard</span></a>
       </li>
</sidebar-item>

有没有办法替换其模板的自定义标签？

Answer 1

基本上将@containerless添加到SidebarItem的视图模型中。

import {containerless} from 'aurelia-framework';

@containerless
export class SidebarItem {
...
}

Answer 2

不幸的是我无法在ZoolWay上面添加评论，但只是为了补充一点，你需要从'aurelia-framework'导入'containerless'iirc

Aurelia的组件不被其模板取代

2 个答案: