i following along ember guides: defining routes , added customized index route in ember app; sets controller title property:
// app/routes/index.js import ember 'ember'; export default ember.route.extend({ setupcontroller: function(controller) { // set indexcontroller's `title` controller.set('title', 'tagged! - home'); } }); i added output title in 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> however instead of expected output {{title}} in browser title bar. why htmlbars not outputting variable?
i'm using ember-cli (ember 1.13.3) , running server ember server. can see controller property in ember inspector.
the index.html file outside scope of application controller/route/template, ember-cli-document-title solves issue you.
if don't want use can create in-repo-addon makes use of {{content-for 'document-title'}}.
Comments
Post a Comment