Aurelia привязывает строку к шаблону с помощью настраиваемого элемента

Question

Я пытаюсь создать раскрывающийся компонент, который легко использовать повторно. Я хотел бы знать, если это возможно, чтобы сделать что-то вроде этого:

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

Примечание Я передаю строку «Проекты», а не объект JS. Тогда мой шаблон выпадающий есть:

<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

Вы можете использовать простой Bindable в модели представления dropdown «s, но при установке значения для простой строки, не используйте .bind:

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

При использовании title.bind Аурелия связующий двигатель будет пытаться анализировать его как выражение и терпеть неудачу, поскольку вы (вероятно) не имеете свойства Projects в своем текущем контексте.