title: Emberjs bindAttr inside of #each
body: <p>Code for view is </p>
  
  <pre><code>Ember.View.extend({
          template: Ember.Handlebars.compile(html), // html is in string
          content: function() {
              return [
              { Title: "Dashboard", ID: "dashboard" },
              { Title: "Invoices", ID: "invoices" },
              { Title: "Expenses", ID: "expenses" },
              { Title: "People", ID: "people" },
              { Title: "Reports", ID: "reports" },
              { Title: "Settings", ID: "settings" }
          ]},
          iconClass: function(link){
            return "icon icon-" + link.ID
          }
      });
  </code></pre>
  
  <p>Template (show above as "html") looks like this:</p>
  
  <pre><code>&lt;ul&gt;
      {{#each link in view.content}}
      &lt;li&gt;
          &lt;a&gt;
              &lt;span class="icon" {{bindAttr class="view.iconClass(link)"}}&gt;&lt;/span&gt;
              &lt;span class="title"&gt;{{link.Title}}&lt;/span&gt;
          &lt;/a&gt;
      &lt;/li&gt;
      {{/each}}
  &lt;/ul&gt;
  </code></pre>
  
  <p>This renders</p>
  
  <pre><code>&lt;span class="icon" data-bindattr-2="2"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>So additional class attribute is not rendered. Am I doing something wrong with scope or?</p>
  
  <p><strong>NOTE:</strong></p>
  
  <p>I changed my code to show what I want to do.</p>