title: How to add/remove class to array of objects in Ember JS
body: <p>I try to learn Ember JS. And i can not find answer for my question . I have template</p>
  
  <pre><code>&lt;script type="text/x-handlebars"&gt;
        &lt;table class="table"&gt;
           {{#each App.todoListController}}
              {{#view App.ViewTable todoBinding="this"}}
                 &lt;td&gt;{{title}}&lt;/td&gt;
             &lt;td&gt;&lt;a href="javascrpt:" {{action "deleteTodo" target="view"}}&gt;X&lt;/a&gt;&lt;/td&gt;
              {{/view}}
           {{/each}}
         &lt;/table&gt;
         &lt;button {{action "deleteTodo" target="App.todoListController"}}&gt;Delete&lt;/button&gt;
      &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>In app.js I have Controller and View :</p>
  
  <pre><code>/*******************
          Controller
  *******************/
  App.todoListController = Em.ArrayController.create({
      content : [],    
      createTodo : function(title) {
         var todo = App.Todo.create({title:title})
         this.pushObject(todo)
      }
  });
  
  /*******************
          View
  *******************/
  App.ViewTable = Em.View.extend({
      tagName : 'tr',
      classNameBindings : ['isHover:hover'],
      isHover : false,
      todo : null,
      deleteTodo : function(){
          var tr = this.get('todo');
          App.todoListController.removeObject(tr);
      },
      click : function()
      {
          this.set('isHover',true);
      }
  })`
  </code></pre>
  
  <p>When i clicked to row of table , it changed class to "hover" . Now question : I can't remove class "hover" from all objects (it is necessary for only one object can be selected)</p>
  
  <p>PS : Sorry for my English and sorry for the formatting.</p>