Ember.js Ember.Templates.helpers hash() 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 hash() method creates a hash to pass as an option to your components.
Syntax:
hash( options )
Parameters:
- options: It is an object that is passed to a component.
Return: Object hash.
Steps to Install and Run Ember.js:
Step 1: To run the following examples, you need to have an ember project. 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 hash
app/components/compact.hbs
HTML
< h2 > {{@a.Name}} has skill in {{@a.lan}} language. </ h2 > |
app/templates/hash.hbs
HTML
< h1 > Introduction of Student: </ h1 > < Compact @a={{hash Name = 'Aayush' Age = 'JavaScript' }}/> < Compact @a={{hash Name = 'Satyam' lan = 'Python' }}/> |
Output:
Example 2: Type the following code to generate the route for this example:
ember generate route hash2
app/components/compact2.js
HTML
{{#each-in @a as |key value|}} < h3 > {{key}} : {{value}} </ h3 > {{/each-in}} |
app/templates/hash2.hbs
HTML
< h1 > Details are: </ h1 > < Compact2 @a={{hash Name = 'Same' Age = 29 }}/> < Compact2 @a={{hash Name = 'Balit' Age = 25 }}/> |
Output:
Reference: https://api.emberjs.com/ember/4.4/classes/Ember.Templates.helpers/methods/action?anchor=hash
Contact Us