Question

我正在尝试创建一个易于重用的下拉组件。我想知道是否可以这样做：

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

注意我传递了一个字符串＆＃34; Projects＆＃34;不是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

您可以在dropdown的视图模型中使用简单的可绑定，但在将值设置为普通字符串时，请不要使用.bind：

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

当您使用title.bind时，Aurelia绑定引擎会尝试将其解析为表达式并失败，因为您（可能）在当前上下文中没有Projects属性。

Aurelia通过自定义元素将字符串绑定到模板

1 个答案: