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

Question

这是我的车把模板...

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

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

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

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

Answer 1

在你的控制器/模型中定义一个计算属性，如下所示，你不需要一个辅助方法

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}}