javascript - EmberJS 中的隐藏/显示部分

Question

我想有条件地隐藏/显示 htmlbars 模板的一部分，但我不希望将其从 DOM 中删除。如果我使用 {{if}} block 助手，它会将其从 DOM 中删除。我设法使用内联 {{if}} 帮助器更改类名来完成此操作。我想知道是否有更好的方法来实现这一点？

<div class="{{if (not isEnglishSelected) 'hidden'}} {{if isEnglishSelected 'show'}}">

        <div class="form-group">
            <label class="col-sm-2 col-md-3 control-label" for="name_en">{{t 'label.name'}}</label>

            <div class="col-sm-10 col-md-9">
                {{input type="text" class="form-control" id="name_en" value=model.name_en autofocus=true}}
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 col-md-3 control-label" for="description_en">{{t 'label.description'}}</label>

            <div class="col-sm-10 col-md-9">
                {{textarea class="form-control" id="description_en" value=model.description_en rows="5"}}
            </div>
        </div>

        <div class="form-group {{if (not isEnglishSelected) 'show'}} {{if isEnglishSelected 'hidden'}}">
            <label class="col-sm-2 col-md-3 control-label" for="description_fr">{{t 'label.description'}}</label>

            <div class="col-sm-10 col-md-9">
                {{#if isEnglishSelected}}
                    {{textarea class="form-control"
                    id="description_fr" value=model.description_en rows="5"}}
                {{else}}
                    {{textarea class="form-control" id="description_fr" value=model.description_fr rows="5"}}
                {{/if}}
            </div>
        </div>

    </div>

Answer 1

不，没有比使用类来隐藏它更好的方法了。如果您希望它保留在 DOM 中，您的类需要在其定义中包含 display:block。如果您希望它不可见但仍保留其尺寸，则需要 visibility: hide。