javascript - Aurelia 的组件未被其模板替换

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的 View 模型中。

import {containerless} from 'aurelia-framework';

@containerless
export class SidebarItem {
...
}