Ember.js Ember.Templates.helpers page-title() Method
Ember.js is an open-source JavaScript framework used for developing large client-side web applications which is based on Model-View-Controller (MVC) architecture. Ember.js is one of the most widely used front-end application frameworks. It is made to speed up development and increase productivity. Currently, it is utilized by a large number of websites, including Square, Discourse, Groupon, Linked In, Live Nation, Twitch, and Chipotle.
The page-title() method is used to set the title of any page in your application and append an additional title for each route.
Syntax:
page-title( param )
Parameters:
- param: It is the name of the title.
Steps to Install and Run Ember.js:
Step 1: To run the following examples you will need to have an ember project with you. To create one, you will need to install ember-cli first. Write the below code in the terminal:
npm install ember-cli
Step 2: Now you can create the project by typing in the following piece of code:
ember new <project-name> --lang en
To start the server, type:
ember serve
Example 1: Type the following code to generate the route for this example.
ember generate route title1
app/components/Arr.js
HTML
{{#if @age}}
< h2 >
{{@name}} is {{@age}} year old and have skill in {{@lan}}.
</ h2 >
{{else}}
< h2 >
{{@name}} have skill in {{@lan}}.
</ h2 >
{{/if}}
< br />
|
app/templates/title.hbs
HTML
{{page-title "Array2"}}
< Arr @ name = 'Satyam' @ lan = 'Python' />
< Arr @ name = 'Arbha' @ lan = 'JavaScript' @ age = 23 />
{{outlet}}
|
Output:
Ember.js Ember.Templates.helpers page-title() Method
Example 2: Type the following code to generate the route for this example.
ember generate route title2
app/components/Arr2.js
HTML
{{#if (has-block)}}
< h2 >
Welcome {{yield}}, we are happy you're here!
</ h2 >
{{else}}
< h2 >
Hey you! You're great!
</ h2 >
{{/if}}
|
app/templates/title2.hbs
HTML
{{page-title "Array1"}}
< Arr2 >
Sam
</ Arr2 >
< Arr2 />
{{outlet}}
|
Output:
Ember.js Ember.Templates.helpers page-title() Method
Reference: https://api.emberjs.com/ember/4.6/classes/Ember.Templates.helpers/methods/page-title?anchor=page-title
Last Updated :
14 Nov, 2022
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...