How to show error messages in template after becameInvalid method

Question

I'm using Ember.js to display a list of customers. Inside this template, I have a modal to create new customers. Now, when creating invalid customers (e.g. duplicate name), the errors should be shown in the template. How can I get this to work? model ``` Docket.Customer = DS.Model.extend({ name: DS.attr('string'), initial: DS.attr('string'), description: DS.attr('string'), errors: {}, becameInvalid: function(errors) { this.set('errors', errors.get('errors')); console.log(this.get('errors')); } }); ``` console output template ```

Customers

Accepted Answer

I figured it out:

setup

- Ember 1.2.0

- Ember Data 1.0.0-beta.4+canary.7af6fcb0

- Handlebars 1.1.2 runtime

model

```
Docket.Customer = DS.Model.extend({
  name:        DS.attr('string'),
  initial:     DS.attr('string'),
  description: DS.attr('string'),
  number:      DS.attr('string'),
  archived:    DS.attr('boolean')
});
```

controller

```
var _this = this;

// Create new record
var customer = this.store.createRecord('customer', data);

// Check for server errors (422) when saving
customer.save().then(function(){
  _this.resetAndCloseForm(form);
}, function(response){
  _this.set('errors',response.errors);
});
```

route

```
model: function() {
  this.store.find('customer');
  return this.store.filter('customer', function(customer) {

// prevent Ember to insert new elements to the DOM if they are invalid
    // .get('isValid') returns always true, I think this is a bug, so I'm checking the ID
    return customer.get('id')
  })
}
```

template

```
{{#if errors}}{{errors.name}}{{/if}}
```

How to show error messages in template after becameInvalid method

Solution

Problem