javascript - 我如何为真或假条件创建 ember Handlebars 助手

Question

这是我的 Handlebars 模板...

{{#idType}}
  <label>{{unbound Model.viewData.name}}<span class="redTxt">*</span></label>
  <input type="text" name="" id="{{unbound Model.viewData.name}}">
{{/idType}}

在 Ember View 中，我创建了一个辅助方法，例如

Em.Handlebars.registerHelper("idType", function() {
    if(Model.viewData.selectGender === "Gender") {
        return true;
    } else {
        return false;
    }
});

这里如果它是 true，那么它会显示 true 而不是我的标签和文本字段。您能帮我找到解决方案吗？

Answer 1

按如下方式在 Controller /模型中定义计算属性，您不需要为此使用辅助方法

requiredGender: function(){
  //returning a boolean value
  return this.get('viewData.selectGender') === "Gender";
}.property('viewData.selectGender') // defining dependencies

{{#if requiredGender}}
  TRUE
{{else}}
  <label>{{unbound Model.viewData.name}}<span class="redTxt">*</span></label>
  <input type="text" name="" id="{{unbound Model.viewData.name}}">
{{/if}}