Ember.js: dealing with a large number of properties in a model - ember.js

Question

I have a model with a large number of properties, about 20.
App.Foo = Ember.Object.extend({
foo01: null,
foo02: null,
...
foo20: null
Because I need to differentiate between values of null and "", I also have all these properties:
isFoo01Set: function() { return foo01 !== null; }.property('foo01'),
isFoo02Set: function() { return foo02 !== null; }.property('foo02'),
...
isFoo20Set: function() { return foo01 !== null; }.property('foo20')
Please mind that the actual names in my real-world case are not foo01..20, but meaningful names that are all different from one another.
Then I need to have a whole bunch of actions to set/unset all those properties.
In my router:
setFoo01: function(router, instance) {
router.get('myController').setFoo01(instance.context);
},
unsetFoo01: function(router, instance) {
router.get('myController').unsetFoo01(instance.context);
},
So on until foo20. And then in my controller:
setFoo01: function(obj) {
obj.set('foo01', '');
},
unsetFoo01: function(obj) {
obj.set('foo01', null);
And so on until foo20.
Obviously I must be doing something wrong. But I found that because of handlebars limitations (by design), I can't do anything in a template.
I would like to have something like this:
{{# each property in obj}}
<a {{action set obj property}}>Set {{property}}</a>
{{/each}}
but it doesn't look like this is possible.
So, please, can you tell me that there is a better way, and what it is?

Answer 1

I am going to give a vague idea...hope this helps
App.Foo = Ember.Object.create({
name: "",
presence: function(){
return this.get('name')!==null;
}.property('name'),
setFoo: function(){
this.set('name', "");
},
unsetFoo: function(){
this.set('name', null);
}
})
App.fooArray = []
for(var i=0;i<=5;i++){
App.fooArray.pushObject(App.Foo.create({name:"foo"+i}));
}
{{#each element in App.fooArray}}
<a {{action element.unsetFoo}} href="#">un-set {{element.name}}</a>
<a {{action element.setFoo}} href="#">Set {{element.name}}</a>
{{/each}}