2016-07-04 3 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

ビューモデルSidebarItemには、基本的に@containerlessを追加します。

import {containerless} from 'aurelia-framework'; 

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

感謝を追加します!あなたの答えに基づいて、私のコンポーネントはHTMLのみであり、デコレータ@containerlessを置くために、私は新しいJSファイルを作成しなければならなかったので、HTMLコンポーネントタグを入れるための特定の属性を見つけました: '' –

+1

HTMLのみのコンポーネントでコンテナレスコンポーネントを使用することはできません。これはHTMLのみのコンポーネントの制限です。 –

1

残念ながら、私は上記ZoolWayにコメントを追加することはできませんが、ちょうどあなたが「オーレリア・フレームワーク」から「無容器」をインポートする必要がありますようにIIRC

+0

私はあなたのための例を追加しました。 –

関連する問題