动态生成的route-href会引发错误

Question

我正在尝试route-href在项目列表中动态生成a .我基本上有这个:

this.items = [
    {
        name: 'Foo',
        route: 'item',
        routeParams: {
            id: 1
        }
    },
    {
        name: 'Bar',
        route: 'item',
        routeParams: {
            id: 2
        }
    }
];

在我看来:

<ul>
    <li repeat.for="item of items">
        <a route-href="route: ${item.route}; params.bind: ${item.routeParams}">
            ${item.name}
        </a>
    </li>
</ul>

但Aurelia告诉我:

aurelia-logging-console.js:54 ERROR [route-href] Error: A route with name 'undefined' could not be found. Check that `name: 'undefined'` was specified in the route's config

如果我打印${item.route}并且${item.routeParams}它们确实包含正确的值:

<ul>
    <li repeat.for="item of items">
        <a route-href="route: ${item.route}; params.bind: ${item.routeParams}">
            ${item.name} ${item.route} ${item.routeParams}
        </a>
    </li>
</ul>

为什么？:/

Answer 1

正确的语法是:

<a route-href="route.bind: item.route; params.bind: item.routeParams">...</a>

有关更多信息,请访问http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/cheat-sheet/7