EmberJS - 命名参数

你可以将命名参数与相关值一起传递。

语法

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

示例

下面给出的示例将命名参数连同相关值一起传递给 helper。创建两个 helper，分别为 *namedarguments* 和 *namedarguments1*。打开创建在 *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}`;
});

打开另一个 helper 文件 *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 = "Tutorialspoint"}}
{{outlet}}

输出

运行 ember 服务器；你会收到以下输出：-