命名参数（Named Arguments）

优质

小牛编辑

131浏览

2023-12-01

您可以传递命名参数以及相关值。

语法 (Syntax)

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

例子 (Example)

下面给出的示例将命名参数以及相关值传递给帮助程序。创建两个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}`;
});

打开另一个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 = "xnip"}}
{{outlet}}

输出 (Output)

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