在Ember.js HTMLbars模板中输出控制器变量

时间:2015-07-17 07:44:52

标签: javascript ember.js htmlbars

我跟随Ember Guides: Defining Your Routes并在我的Ember应用程序中添加了自定义索引路径;它设置控制器标题属性:

"unit_price"

然后我在// app/routes/index.js import Ember from 'ember'; export default Ember.Route.extend({ setupController: function(controller) { // Set the IndexController's `title` controller.set('title', 'Tagged! - home'); } }); 中添加了标题的输出:

app/index.html

但是,在浏览器标题栏中,我得到<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>{{title}}</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> {{content-for 'head'}} <link rel="stylesheet" href="assets/vendor.css"> <link rel="stylesheet" href="assets/tagged-ember.css"> {{content-for 'head-footer'}} </head> <body> {{content-for 'body'}} <script src="assets/vendor.js"></script> <script src="assets/tagged-ember.js"></script> {{content-for 'body-footer'}} </body> </html> 而不是预期的输出。为什么HTMLbars没有输出变量?

我使用{{title}}(ember 1.13.3)并使用ember-cli运行服务器。我可以在ember检查器中看到controller属性。

1 个答案:

答案 0 :(得分:1)

index.html文件超出了应用程序控制器/路由/模板的范围,ember-cli-document-title为您解决了问题。

如果您不想使用它,可以创建in-repo-addon,使用{{content-for 'document-title'}}之类的内容。