在Ember中禁用具有特定值的select选项

Question

我使用EMBER1.4，当另一个select元素(Attempt_interval)值为1时，要禁用select元素(Max_attempt_count)是有问题的。当不使用Ember时，它在测试环境中工作得很好。有什么想法吗？

jQuery

$(document).on('change', 'select[name=max_attempt_count]', function(){

    var ctrl=$(this);//$(this) refers to current clicked button
    var maxAttempt =ctrl.closest('form').find('select[name=max_attempt_count]');
    var interval =ctrl.closest('form').find('select[name=attempt_interval]');

    $(maxAttempt).change(function() { //each time a user selects a option (event triggered)
        $(interval).prop('disabled', this.value == 1);
    }).change(); //auto execute when page load
} )

<select id="ember894" class="ember-view ember-select chosen-select" name="max_attempt_count" style="display: none;">
 <option id="ember907" class="ember-view" value="1">
 <option id="ember908" class="ember-view" value="2"><option id="ember909" class="ember-view" value="3">
 <option id="ember910" class="ember-view" value="4">
 <option id="ember911" class="ember-view" value="5">
</select>

Answer 1

好的，您有两个选择菜单，值为attempt_interval和max_attempt_count。

当max_attempt_count为1时，需要禁用最大attempt_interval选择。

您应该创建这样的计算属性。

js文件

maxAttemptDisabled: Ember.computed.equal('attempt_interval', 1)

hbs

{{select data=blah selection=attempt_interval}}

{{select data=blah2 selection=max_attempt_count disabled=maxAttemptDisabled}}

万一你想把它藏起来

{{#unless maxAttempltDisabled}}
       {{select data=blah2 selection=max_attempt_count}}
{{/unless}}

如果你使用的是余烬2(一种方式，但不是预告。NB！要求是平等的帮助者)

{{select data=blah2 selection=max_attempt_count disabled=(is-equal attempt_interval 1)}}