EmberJS傳遞變量默認模板

Question

因此，這裏是我的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}}中渲染home模板的模板）。

正如您所見，我希望{{title}}成爲一個動態變量。問題是，我已經將歸屬路由分配給/路徑，因此我不確定如何使{{title}}變爲動態。

Answer 1

您調用它的默認模板名爲application模板。因此，您可以根據需要在ApplicationController或ApplicationRoute上定義title屬性。如果你去控制器：

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

希望它有幫助。