2016-07-04 10 views
0

为什么不把Aurelia的自定义元素替换为其模板,而不是放入其中?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> 

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

回答

3

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

import {containerless} from 'aurelia-framework'; 

@containerless 
export class SidebarItem { 
... 
} 
+0

由于导入“无容器”!根据你的回答,我发现一个特定的属性放在HTML组件标签中,因为我的组件只是HTML,并且把装饰器@containerless,我将不得不创建一个新的JS文件,而是我这样做: '' –

+1

您无法使用仅包含HTML组件的无容器组件。这是仅限HTML组件的限制。 –

1

可惜我不能添加评论以上ZoolWay而只是添加到您需要从“奥里利亚框架” IIRC

+0

我为你添加了一个例子。 –