Ember.js Ember.Templates.helpers hash()方法
Ember.js 是一个基于MVC架构的开源JavaScript框架,用于开发大型客户端Web应用程序。Ember.js是最常用的前端应用程序框架之一。它旨在加快开发速度,提高生产力。目前,许多网站都在使用它,包括Square、Discourse、Groupon、Linked In、Live Nation、Twitch和Chipotle。
hash() 方法创建一个哈希对象,用作组件选项的参数。
语法:
hash( options )
参数:
- options: 它是传递给组件的对象。
返回值: 对象哈希。
安装和运行 Ember.js 的步骤:
步骤1: 要运行以下示例,您需要拥有一个 Ember 项目。要创建一个项目,您需要首先安装 ember-cli。在终端中编写以下代码:
npm install ember-cli
步骤2: 现在,您可以通过输入以下代码来创建项目:
ember new <project-name> --lang en
要启动服务器,请键入:
ember serve
示例1: 输入以下代码以生成此示例的路线:
ember generate route hash
app/components/compact.hbs
<h2>
{{@a.Name}} has skill in {{@a.lan}} language.
</h2>
app/templates/hash.hbs
<h1>
Introduction of Student:
</h1>
<Compact @a={{hash Name='Aayush' Age='JavaScript'}}/>
<Compact @a={{hash Name='Satyam' lan='Python'}}/>
输出:
示例2: 输入以下代码以生成此示例的路由:
ember generate route hash2
app/components/compact2.js
{{#each-in @a as |key value|}}
<h3>
{{key}} : {{value}}
</h3>
{{/each-in}}
app/templates/hash2.hbs
<h1>
Details are:
</h1>
<Compact2 @a={{hash Name='Same' Age=29}}/>
<Compact2 @a={{hash Name='Balit' Age=25}}/>
输出:
参考: https://api.emberjs.com/ember/4.4/classes/Ember.Templates.helpers/methods/action?anchor=hash