1

我跟随Ember 指南：定义您的路线并在我的 Ember 应用程序中添加了自定义索引路线；设置控制器标题属性：

// 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 server. 我可以在 ember 检查器中看到控制器属性。

4

1 回答 1

1

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

如果您不想使用它，您可以创建一个使用类似{{content-for 'document-title'}}.

于 2015-07-17T08:03:55.273 回答