Ember.js Ember.Templates.helpers each-in()方法
Ember.js是一个开源的JavaScript框架,用于开发基于模型-视图-控制器(MVC)架构的大型客户端Web应用程序。Ember.js是最广泛使用的前端应用程序框架之一。它旨在加快开发速度和提高生产力。目前,它被许多网站使用,包括Square、Discourse、Groupon、Linked In、Live Nation、Twitch和Chipotle。
each-in()方法用于循环遍历对象的属性。
语法:
参数:
- object: 它是一个循环的对象的属性。
- key: 它是一个属性键的别名。
- value: 它是一个属性值的别名。
安装和运行Ember.js的步骤:
步骤1: 要运行以下示例,您需要先拥有一个Ember项目。要创建一个,您需要先安装ember-cli。在终端中输入以下代码:
步骤2: 现在您可以通过输入以下代码片段来创建项目:
启动服务器的命令为:
示例1: 输入以下代码以生成此示例的路由:
app/components/compact2.js
app/components/compact2.hbs
app/templates/each1.hbs
输出:
示例2: 输入以下代码以生成该示例的路由:
app/components/compact.js
app/components/compact.hbs
app/templates/each2.hbs
输出:
参考: https://api.emberjs.com/ember/4.4/classes/Ember.Templates.helpers/methods/debugger?anchor=each-in