私の見解では、モデルのデータが汚れていないときに無効にしたいボタンがあります。
出力時:<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
、テキストフィールドの値を変更すると、プロパティのみが変更されます。