EmberJS - 模板条件 If

#if 语句使用布尔表达式，其中，如果布尔表达式为真，则将执行 if 语句内的代码块；如果布尔表达式为假，则将执行 else 块。

语法

{{#if property-name}}
    //statement
{{else}}
    //statement
{{/if}}

示例

下面给出的示例展示了 Ember.js 中 if 条件助手的使用。在 app/templates/ 下创建一个名为 application.hbs 的模板，代码如下 −

{{#if check}}
    //true 语句块
    <h3> 布尔值为 {{check}}</h3>
{{else}}
    //false 语句块
    <h3>布尔值为 {{check}}</h3>
{{/if}}

接下来，创建名为 application.js 的控制器文件，该文件将在 app/controller/ 下定义，代码如下 −

import Ember from 'ember';

export default Ember.Controller.extend ({
   bool: true,
   check: function () {
      //将布尔值返回给被调用的函数
      return this.bool;
   }.property('content.check'),
});

输出

运行 ember 服务器，您将收到以下输出 −

emberjs_template.html