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

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

has-block()方法用于检查组件是否使用了块。

语法：

has-block(the)

参数：

• the: 这是名称块。

返回值： 如果组件被用块调用，则返回布尔值’true’。

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

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

npm install ember-cli

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

ember new <project-name> --lang en

要启动服务器，请输入：

ember server

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

ember generate route has1

app/components/compact2.hbs

<h1>
    Following block in invoke with component<br/>
    {{yield}}
</h1>

app/templates/has1.hbs

<Compact2>
    This Block is is invoke with component. 
</Compact2>
{{outlet}}

输出：

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

ember generate route has2

app/components/compact.hbs

{{#if (has-block)}}
    <h2>
        {{yield}}    
    </h2>
{{else}}
    <h2>
        This comment is from block less component invoke. 
    </h2>
{{/if}}

app/templates/has.hbs

<Compact>
    This Block is is invoke with component. 
</Compact>
{{outlet}}

输出：

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