2016-07-14 13 views
2

私はアイテムのリストにroute-hrefを動的に生成しようとしています。動的に生成されたルート-hrefがエラーをスローする

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-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> 

なぜですか? :/

答えて

7
+0

感謝:) 'params.bind = $ {item.routeParams}'タイプミスだったの

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

詳細については、私は 'params.bindを持っていました:$ {item.routeParams} 'を使用してください。 'route.bind'は欠けていて解決しました。 – powerbuoy

関連する問題