0

ページの上部にあるテーブルにアイテムのリストを表示したいと考えています。ユーザーがテーブル内のアイテムの 1 つをクリックすると、そのアイテムはテーブルの下に表示されます。これが私のHBSのリストです。

<script type="text/x-handlebars" data-template-name="things">
    <div class="page-header">
        <h1>My Things</h1>
    </div>
    <table>
        <thead>
        <tr>
        <th>prop1</th>
        <th>pro2</th>
        </tr>
        </thead>
        {{#each thing controller}}
        <tr>
            <td>{{#linkTo "thing" thing}}{{ thing.prop1 }}{{/linkTo}}</td>
            <td>{{ thing.prop2 }}</td>
            <td>{{ thing.prop3 }}</td>
        </tr>
        {{/each}}
    </table>
    </div>
    <div>
    {{render "thing"}}
    </div>
</script>

linkTo を使用すると、エラーが発生します。

{{render "post" post}} のように、モデル オブジェクトを 2 番目の引数として使用せずに、{{render}} ヘルパーを 1 回だけ使用できます。

興味深いことに、URL (つまり ../#/things/1) をナビゲートでき、正常にレンダリングされます。これが私のルーティングマップです：

App.Router.map(function(){ //map URLs to templates
   this.resource('things', function(){
       this.resource('thing', {path: ':thing_id'});
   }); //maps to /#/contacts
    //define all other URLs in application
});

私は何が欠けていますか？

4

2 に答える 2