EmberJS - 模板条件判断

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

语法

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

示例

以下示例显示了 Ember.js 中的 if 条件帮助器的用法。在 app/templates/ 下创建一个名为 application.hbs 的模板，并输入以下代码 -

{{#if check}}
   //true block of statement
   <h3> boolean value is {{check}}</h3>
   {{else}}
   //false block of statement
   <h3>boolean value is {{check}}</h3>
{{/if}}

接下来，创建一个名为 application.js 的控制器文件，该文件将在 app/controller/ 下定义，并输入以下代码 -

import Ember from 'ember';

export default Ember.Controller.extend ({
   bool: true,
   check: function () {
      //returning the boolean value to the called function
      return this.bool;
   }.property('content.check'),
});

输出

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