This addon provides a helper for changing the title of the page you're on.
ember install ember-page-title- Ember.js v3.16 or above
- Ember CLI v2.13 or above
- Node.js v10 or above
Fastboot vs Non-Fastboot Notes
As of v3.0.0 this addon maintains the page title by using the <title> tag in your document's <head>. This is necessary for FastBoot compatibility.
Non-fastboot apps should keep the <title> tag in index.html to ensure that the initial page is valid HTML. The title will be removed and replaced when your app boots.
Fastboot apps MUST remove the <title> tag from index.html. As of v6.0.0 this is done automatically if you use ember install ember-page-title to install this addon. Can also be run manually using ember g ember-page-title to update the title if FastBoot is installed.
| attribute | type | default | description |
|---|---|---|---|
| separator | string | " | " |
Which separator should be displayed after this instance of {{page-title}} |
| prepend | boolean | true | If the token should be prepended or appended to the list of tokens |
| replace | boolean | false | Replace all previous elements with the active |
| front | boolean | false | If the token should always be in the beginning of the resulting title. |
These defaults are configurable in config/environment.js:
// config/environment.js
module.exports = function (environment) {
let ENV = {
pageTitle: {
replace: true,
},
};
return ENV;
};- Since v5.2.2: The
{{title}}helper has been deprecated, use{{page-title}}instead, it has the same API. The{{title}}helper was an AST transform and was removed in v6.0.0.
ember-page-titleno longer requires the usage ofember-cli-head. Please remove{{head-layout}}from your application'sapplication.hbsroute template.{{title}}has been removed, please rename to{{page-title}}.
From 4.x onward, you need to have {{head-layout}} within your application's application.hbs template. Without this, you will not see a page title appear.
See the 4.0.0 release notes for more detail.
Contributors are welcome! Please provide a reproducible test case. Details will be worked out on a case-per-case basis. Maintainers will get in touch when they can, so delays are possible. For contribution guidelines, see the code of conduct.
To publish documentation, run the following command:
ember github-pages:commit --message "update documentation"
git push origin gh-pages:gh-pages