dynamic - Ember View の each ステートメント内で css クラスを動的に生成する方法

Question

  <div>
  {{#each value in controller}}
  <div {{classNameBindings "col-lg-{{value}}"}}>{{value}}</div>
  {{/each}}
  </div>

上は私の部分的な見方です。

次のようなクラスを生成したい: col-lg-1、col-lg-2 など 私のコントローラーは:

App.circleController = Ember.ArrayController.extend({
    setupController: function(controller) {
        controller.set('content', [1,2,3,4,5,6,7]);
    }
});

エラーが発生する理由: アサーションに失敗しました: Ember.CollectionView のコンテンツは Ember.Array を実装する必要があります。?