代码之家 › 专栏 › 技术社区 › Shift 'n Tab

如何在模板的IF语句中使用带参数的函数

handlebars.js ember.js

Shift 'n Tab · 技术社区 · 6 年前

目前我正在尝试使用一个函数,观察余烬模板(把手)中控制器/组件的字段。

索引.hbs

<div>
   {{ input value=model.field1 }}
   {{if hasFieldError('field1')}}
      <span>This field is required</span>
   {{/if}}
</div>

<div>
   {{ input value=model.field2 }}
   {{if hasFieldError('field2')}}
      <span>This field is required</span>
   {{/if}}
</div>

索引.js

hasFieldError: function(val) {
   return true if val is found in an array
}.observes('field1', 'field2'),

但这当然会返回一个构建错误:

{#if hasFieldError('compa ----------------------^ Expecting 
'CLOSE_RAW_BLOCK', 'CLOSE', 'CLOSE_UNESCAPED', 'OPEN_SEXPR', 
'CLOSE_SEXPR', 'ID', 'OPEN_BLOCK_PARAMS', 'STRING', 'NUMBER', 
'BOOLEAN', 'UNDEFINED', 'NULL', 'DATA', 'SEP', got 'INVALID'

你知道怎么做到吗?

2 回复 | 直到 6 年前

Gaurav 6 年前

除了使用操作外,不能从模板调用函数。只能引用属性,例如字段和计算属性。
您真的要确定field1的值是否在数组中吗?假设数组位于array1。然后可以编写一个名为 contains :

{{#if (contains array1 field1)}}

但是已经有人写过了。欢迎来到奇妙的灰烬社区插件!看到了吗 https://github.com/DockYard/ember-composable-helpers#contains

Lux 6 年前

只需将观察者函数替换为计算属性:

hasFieldError: Ember.computed('field1', 'field2', function(val) {
   return true if val is found in an array
}),

推荐文章

Shawn · 如何在组件内部完成余烬操作后重定向

7 年前

Sow Hari · 使用余烬计算属性(过滤器)过滤模型,并使用余烬模型表2以表格格式显示。没有可显示的记录

7 年前

AmazingDayToday · Ember:如何获取在Route->Model返回的文件的值

7 年前

Nikolay Shcherba · 在模型挂钩之前使用ember simple auth-in进行身份验证

7 年前

Alexandro · 使用Express和Ember启动web应用程序

7 年前

pbanka · 我的Typescript/Ember 3.1应用程序中有一个枚举,运行时出现导入错误。发生什么事了?

7 年前

Vikrant Siwach · 是否在验收测试中覆盖幻影响应?

7 年前

Androidicus · 余烬/把手:带参数数组的本地化辅助对象

7 年前

Thomas Anuragh27crony · 在余烬组件的生成上下文上测试属性

7 年前

Michel Fernandes · 部署EmberJS前端应用程序[已关闭]

7 年前