我一直在关注 Ember Guides: Defining Your Routes并在我的 Ember 应用程序中添加了自定义索引路线；设置 Controller 标题属性:
// 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>
但是，我在浏览器标题栏中得到的是 {{title}}，而不是预期的输出。为什么 HTMLbars 不输出变量？
我正在使用 ember-cli (ember 1.13.3) 并使用 ember 服务器 运行服务器。我可以在 ember 检查器中看到 Controller 属性。
最佳答案
index.html 文件超出了应用程序 Controller /路由/模板的范围，ember-cli-document-title为您解决问题。
如果您不想使用它，您可以创建 in-repo-addon它使用类似 {{content-for 'document-title'}} 的内容。
关于javascript - 在 Ember.js HTMLbars 模板中输出 Controller 变量，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31470787/