Emberjs-temp-conditon-unless

EmberJS-テンプレート条件

ステートメントの偽のブロックのみを実行します。

構文

{{#unless falsy_condition}}
  //block of statement
{{/unless}}

例

以下に示す例は、Ember.jsの場合を除き、条件付きヘルパーの使用を示しています。 次のコードで_app/templates/_の下に_application.hbs_というテンプレートを作成します-

{{#unless check}}
   <h3> boolean value is {{check}}</h3>
{{/unless}}

ここで、_application.js_ファイルと呼ばれるコントローラを作成します。このファイルは、次のコードで_app/controller/_の下に定義されます-

import Ember from 'ember';

export default Ember.Controller.extend ({
   bool: false,
   check: function () {
      return this.bool;
   }.property('content.check')
});

出力

エンバーサーバーを実行すると、次の出力が表示されます-

Ember.jsのテンプレート条件以外