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

Question

目前我试图使用一个功能来观察ember模板（把手）中的控制器/组件的字段。

index.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>

index.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'

知道怎么做到这一点？

Answer 1

1. 除了使用操作之外，您无法从模板调用函数。您只能引用属性，例如字段和计算属性。
2. 观察者通常不是一个好主意
3. 您是否真的想确定field1的值是否在数组中？我们假设数组在array1处找到。然后你可以写一个名为contains的帮手：

{{#if (contains array1 field1)}}

但是有人已经写过了。欢迎来到精彩的Ember社区！见https://github.com/DockYard/ember-composable-helpers#contains

Answer 2

只需用计算属性替换您的观察者函数：

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