Ember.js Ember.Templates.helpers let()方法

Ember.js是一个开源的JavaScript框架，用于开发基于模型-视图-控制器（MVC）架构的大型客户端Web应用程序。Ember.js是最广泛使用的前端应用程序框架之一。它旨在加快开发速度并提高生产力。目前，它被许多网站使用，包括Square，Discourse，Groupon，Linked In，Live Nation，Twitch和Chipotle。

let()方法 用于接收一个或多个位置参数，并将它们作为块传递给组件。

语法：

{{ let arg1 arg2... as |alias1 alias2...|}}

参数：

arg1： 它是将要生成的第一个参数。
arg2： 它是将要生成的第二个参数。
alias1： 它是第一个参数的别名。
alias2： 它是第二个参数的别名。

安装和运行 Ember.js 的步骤：

步骤1： 要运行以下示例，您需要拥有一个 Ember 项目。为了创建一个项目，您首先需要安装 ember-cli。在终端中写入下面的代码：

npm install ember-cli

步骤2： 现在你可以通过输入以下代码来创建项目：

ember new <project-name> --lang en

启动服务器，输入：

ember serve

示例1: 输入以下代码以生成此示例的路线：

ember generate route let1

app/components/arr.js

import Component from '@glimmer/component'; 
import { tracked } from '@glimmer/tracking'; 
import { action } from '@ember/object'; 
  
export default class Arr2Component extends Component { 
    @tracked 
    data = ''; 
  
    @action 
    m(item, item2) { 
        let ans = [] 
        for (let i = 0; i < item.length; i++) { 
            ans.push({ name: item[i], experty: item2[i] }) 
        } 
        return ans; 
    } 
}

app/components/arr.hbs

<h2>Name of Employees: </h2> 
{{#each (this.m @n @e ) as |temp|}} 
     <li>{{temp.name}} has experties in {{temp.experty}}</li> 
{{/each}} 
<br/><br/>

app/templates/let1.hbs

{{page-title "let"}} 
{{#let (array 'Sam' 'Rahul' 'Dadu' 'Arabh') ( array 'python'  
    'javascript' 'java' 'PHP') as |name experty| }} 
<Arr @n={{name}} @e={{experty}}/> 
{{/let}}

输出：

Ember.js Ember.Templates.helpers let()方法

示例2： 输入以下代码生成此示例的路由：

ember generate route let2

app/components/list.hbs

{{#if @s}} 
    {{#each @n as |temp|}} 
        <li> 
            {{temp}} 
        </li> 
    {{/each}} 
{{/if}}

app/templates/let2.hbs

{{page-title "let"}} 
<h2> 
    Describing input :  
</h2> 
{{#let (array 'Sam' 'Rahul' 'Dadu' 'Arabh') true as |name show|}} 
    <List @n={{name}} @s={{show}}/> 
    <List @n={name}/> 
{{/let}}

输出：

Ember.js Ember.Templates.helpers let()方法