Ember.js Ember.Templates.helpers has-block-params()方法

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

has-block-params() 方法用于指示组件是否使用参数进行调用。

语法：

has-block-params(the)

参数：

• the： 它是被调用的块的名称。

返回值： 如果组件以块参数调用，则返回布尔值“true”。

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

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

npm install ember-cli

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

ember new <project-name> --lang en

要启动服务器，请键入：

ember serve

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

ember generate route has1

app/components/compact2.hbs

{{#if (has-block-params)}}
    <h2>
          Welcome {{yield this.favoriteFlavor}}, 
          This Component with Params.
      </h2>
{{else}}
    <h2>
          Welcome {{yield}}, This Component without Params.
      </h2>
{{/if}}

app/templates/has1.hbs

HTML

<Compact2 as |favoriteFlavor|>
    Sam
</Compact2>
<Compact2>
    Geeks
</Compact2>

输出：

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

ember generate route has2

app/components/compact.js

{{#if (has-block-params)}}
    <h2>
        This Component is invoke with params.
    </h2>
{{else}}
    <h2>
        {{yield}}    
        This block of  component invoke without params. 
    </h2>
{{/if}}

app/templates/has2.hbs

<Compact as |params|>
    Hi Geeks
</Compact>
<Compact>
    Hi coders
</Compact>
{{outlet}}

输出：

参考： https://api.emberjs.com/ember/4.4/classes/Ember.Templates.helpers/methods/action?anchor=has-block-params