Question

在我看来，我有一个按钮，当模型的数据不脏时，我想要禁用它。

当我输出：<button {{ action "update" }} {{bindAttr disabled="isDirty"}}>Save</button>时，它在数据不脏时启用，在数据脏时禁用。

我想反过来，所以我尝试了这个：<button {{ action "update" }} {{bindAttr disabled="!isDirty"}}>Save</button>但现在根本不检查脏点。如何在bindAttr助手中反转布尔值？

这是我的代码：

控制器

App.SiteController = Em.ObjectController.extend({
    isNotDirty: function() {
        return !this.get('isDirty');
    }.property('content')
});
App.SiteEditController = Em.ObjectController.extend({
    needs : [ 'site' ]
});

模板

{{#with controllers.site}}
    <div>{{ isDirty }}</div>
    <div>{{ isNotDirty }}</div>
    <div class="control-group">
        <label class="control-label" for="name">Name</label>
        <div class="controls">
            {{view Ember.TextField valueBinding="name"}}
        </div>
    </div>
    <div class="form-actions">
        <button {{bindAttr disabled="isNotDirty"}} class="btn btn-primary">Save</button>
    </div>
{{/with}}

我输出isDirty isNotDirty属性，以便我可以看到它们发生变化。但是当我更改文本字段的值

时，只有isDirty属性发生了变化

Answer 1

解决方案可以在Ember的API-docs中找到。有一个所有可用的速记计算助手的列表。

我在这种情况下使用Ember.computed.not：

App.SiteController = Em.ObjectController.extend({
  isNotDirty: Ember.computed.not('isDirty')
});

bindAttr反向布尔值

1 个答案: