0

すべてのナビゲーション リンクの配列をループするテンプレートがあります。しかし、リンクに ember linkTo ヘルパーを使用したいと思います。

私のテンプレート:

<script type="text/x-handlebars" id="_sideNav">
    <div id="sideNav">  
        <ul>
        {{#each model.sideNav}}
        <li>{{link}}
            <a>
                <i {{bindAttr class="iconClass"}}></i><p>{{label}}</p>
            </a>
        </li>
    {{/each}}
    </div>
</script>

私のモデル:

[
    {
        "label": "Overview",
        "iconClass": "icon-overview",
        "link": "{{#linkTo Overview}}Hello{{/linkTo}}"
    }, {
        "label": "Posts",
        "iconClass": "posts",
        "link": "{{#linkTo totalEnergy}}Hello{{/linkTo}}"
    }
]

モデルに linkTo ヘルパーを配置したことがわかりますが、これはあまり意味がありません。もちろん、「{{#linkTo totalEnergy}}Hello{{/linkTo}}」というテキストがページに表示されます。

しかし、私がここで得ようとしていることはお分かりいただけると思います。また、テンプレートを使用して他のテンプレートを生成できると非常に役立つと思います。私の実際のナビゲーションには、サーバー データとページの関連性に基づいて変化する 12 以上のリンクがあります。

いくつかのハンドルバー テンプレートが実行されるまで ember アプリを初期化しないことで、これをハックして機能させることができると思いますが、誰かがより良いアイデアを持っているかどうか疑問に思っています。

ありがとう

4

2 に答える 2

0

リンク用の別のテンプレートを作成し、「レンダリング」ヘルパーを使用して各リンクのモデルを渡すことができます

于 2013-08-15T19:08:14.613 に答える