Open In App

Ember.js Ember.Templates.helpers page-title() Method

Improve
Improve
Like Article
Like
Save
Share
Report

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
Previous
Next
Share your thoughts in the comments
Similar Reads