Ember.jsのbind-attrヘルパーの代わりに使用するものは？

Question

私は単純なテーブルのデータ引数（）でbind-attrヘルパーを使用したいと思います。 は、コンソールにエラーが書き込まれ、その列の色を変更するには：

はTypeError：

<table id="t01"> 
 
      <tr> 
 
      <th>Company Name</th> 
 
      <th>Headquarters</th> 
 
      <th>revenue</th> 
 
      </tr> 
 
      {{#each model as |index|}} 
 
      <tr> 
 
    \t \t \t <td> {{index.name}} </td> 
 
    \t \t \t <td {{bind-attr class="className"}}>   {{index.headquarters}} </td> 
 
    \t \t \t <td> {{index.revenue}} </td> 
 
      </tr> 
 
      {{/each}} 
 
    </table> 
 
    <button {{action "toggleColor"}}> Change color </button>

：未定義

-Hereのプロパティ 'のgetAttribute' を読み取ることができませんすることは、私のindex.hbsです

：

- そしてここには私のindex.jsコントローラです

-Does誰もが何が間違っている任意のアイデアを持っていますか？ bind-attrを使用しなかった場合に実際に表示される値もテーブルに表示されません。

UPDATE：

import Ember from 'ember'; 
 

 
export default Ember.Route.extend({ 
 
    model() { 
 
    return [{ 
 
     "name" : "Google", 
 
     "headquarters": "Mountain View, California, United States of America", 
 
     "revenue":"59825000000" 
 
     },{ 
 
     "name" : "Facebook", 
 
     "headquarters":"Menlo Park, California,United States of America", 
 
     "revenue":"7870000000" 
 
     },{ 
 
     "name" : "twitter", 
 
     "revenue": "664000000", 
 
     "headquarters":"San Francisco, California, United States of America" 
 
     }]; 
 
    } 
 
});

enter image description here

Answer 1

あなたが直接すぎclass属性にプロパティを割り当てることができます。 bind-attrを使用する必要はありません。

<td class={{classNameProperty}}>の場合、classNamePropertyがredの場合は<td class="red">となります。 isActiveがtruthy値がある場合<td calss={{if isActive 'form-control active' 'form-control'}}については

、
あなたは<td class="form-control active">を取得し、その偽ならば、あなたは<td class="form-control">を取得します。

参照してください：
https://emberjs.com/deprecations/v1.x/#toc_bind-attr