Aureliaはカスタム要素を使用して文字列をテンプレートにバインドします

Question

簡単に再利用できるドロップダウンコンポーネントを作成しようとしています。私は、文字列「プロジェクト」ではないJSオブジェクトを渡しています

<dropdown title.bind="Projects"></dropdown> 

注意：私は、そうような何かを行うことが可能であるかどうかを知りたいです。その後、私のドロップダウンテンプレートは持っている：私はまだ私のデモコードのドロップダウン・アイテムをループしていないです。もちろん、

<template> 
    <li class="nav-item dropdown"> 
    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">${title}</a> 
    <div class="dropdown-menu"> 
     <a class="dropdown-item" href="#">Action</a> 
     <a class="dropdown-item" href="#">Another action</a> 
     <a class="dropdown-item" href="#">Something else here</a> 
    </div> 
    </li> 
</template> 

（将来的にはやって）。テンプレートで<a>${title}</a>のようなタイトルを使用しようとしています。

Answer 1

あなたはdropdownのビューモデルでは、単純なバインド可能なを使用することができますが、プレーンな文字列に値を設定する場合は、.bindを使用しないでください：

<dropdown title="Projects"></dropdown> 

あなたがtitle.bindを使用している、アウレリアバインダーエンジンをしようとしますこれを式として解析して失敗します。現在のコンテキストではおそらくProjectsというプロパティがありません。