EmberJS - 命名参数

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

语法

export default Ember.Helper.helper(function([value],namedArgs) {
   //代码在这里
});

示例

下面给出的示例将命名参数连同相关值一起传递给帮助程序。创建两个帮助程序，分别为 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}`;
});

打开另一个帮助文件 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 服务器；您将收到以下输出 −

emberjs_template.html