Ember.js ビューを使用してコレクションをレンダリングしたいと思います。ここに私の要件があります:
- コレクション内のアイテムごとに 2 つのメタモルフ スクリプト タグを生成したくありません。DOM 構造は、厳密には UL と LI だけにする必要があります (LI 内のメタモルフは気にしません)。
- コレクション内の各アイテムには、選択されたプロパティがあります。このプロパティ値に従って、選択したクラスを LI に設定したい
- テンプレートですべてを定義し、JavaScript でこのテンプレートを使用して 1 つのビューのみを定義したい - 追加のクラスは不要
ヘルパーを使用{{each}}
すると、最初の要件が満たされません。を使用{{collection}}
すると、CSS クラスを条件付きで LI に割り当てることができません (不可能だと言っているわけではなく、方法がわからないだけです)。私の LI が のように定義されていれば、1. と 2. を満たすことができるように思えますがEmber.View
、単純なユースケースのボイラープレートをたくさん書くことになります。
これが私のコードを含む jsbinです。目標は、私の名前を太字で表示することです。それが可能かどうか知りたいです。