1

だからここに私のHTMLがあります：

<script type="text/x-handlebars">
    <div id="top-panel">
        <h1>{{title}}</h1>
    </div>
    <div id="wrapper">
        {{outlet}}
    </div>
</script>

<script type="text/x-handlebars" id="home">
    <ul>
        {{#each}}
        <li>{{name}}</li>
        {{/each}}
    </ul>
</script>

<script src="js/app.js"></script>
<script src="js/router.js"></script>

私のapp.js:

window.App = Ember.Application.create();

私のrouter.js：

App.Router.map(function () {
    this.resource("home", { path: "/" });
});

App.HomeRoute = Ember.Route.extend({
    model: function () {
        $.getJSON("mocks/stub1.json", function (data) {
            return data;
        });
    }
});

今私の問題は、変数をデフォルト テンプレート ({{outlet}} 内のホーム テンプレートをレンダリングするテンプレート) に送信する方法です。

ご覧のとおり、{{title}} を動的変数にしたいと考えています。問題は、既にホーム ルートが / パスに割り当てられているため、{{title}} を動的にする方法がわからないことです。

4

1 に答える 1

1

呼び出すときのデフォルトのテンプレートは、applicationtemplate という名前です。したがって、またはでtitleプロパティを自由に定義できます。コントローラーを使用する場合：ApplicationControllerApplicationRoute

App.ApplicationController = Ember.ObjectController.extend({
  title: 'Foo',
  ...
});

それが役に立てば幸い。

于 2013-10-17T18:06:27.207 に答える