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