Emberjs-temp-named-arg

EmberJS-名前付き引数

関連する値とともに名前付き引数を渡すことができます。

構文

export default Ember.Helper.helper(function([value],namedArgs) {
  //code here
});

例

以下に示す例は、名前付き引数と関連する値をヘルパーに渡します。 _namedarguments_および_namedarguments1_として2つのヘルパーを作成します。 _app/helpers/_の下に作成されたnamedarguments.jsファイルを開き、次のコードを追加します-

import Ember from 'ember';

export default Ember.Helper.helper(function([value], args) {
   let var1 = Math.floor(value * 100);
   let var2 = value % 100;
   let var3 = args.var3 === undefined ? '$' : args.var3;
   if (var2.toString().length === 1)
   return `${var3}${var1}`;
});

別のヘルパーファイル_namedarguments1.js_ファイルを開き、次のコードを追加します-

import Ember from 'ember';

export default Ember.Helper.helper(function(params, args) {
   document.write("Text is : " +args.option1+ ''+args.option2);
});

_index.hbs_ファイルを開き、次のコードを書きます-

{{namedarguments1 option1 = "Welcome to" option2 = "finddevguides"}}
{{outlet}}

出力

emberサーバーを実行します。次の出力が表示されます-

Ember.jsテンプレートの名前付き引数