我跟随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属性。
答案 0 :(得分:1)
index.html
文件超出了应用程序控制器/路由/模板的范围,ember-cli-document-title为您解决了问题。
如果您不想使用它,可以创建in-repo-addon,使用{{content-for 'document-title'}}
之类的内容。