私が構築しているアプリケーションは、Ember.js と Raphael.js を使用しています。私は Ember.js を初めて使用するので、この 2 つを結び付ける方法を理解するのにいくつか問題があります。私はすでにこのデモを見ましたが、それは途中でしかわかりません。
私の質問をこのように言いましょう:
例として、Ember.js のドキュメントの「todo」デモを見てみましょう。各 todo アイテムに画像を関連付けて、todo アイテムが完了していないときにその画像を Raphael 描画キャンバスに表示するにはどうすればよいですか? 明確にするために、すべての画像が表示される Raphael 描画面は 1 つだけです。
Ember.js デモと同じように、todo 情報にフィクスチャを使用したいのですが、画像フィールドを追加したいと思います。
Todos.Todo.FIXTURES = [
{
id: 1,
title: 'Learn Ember.js',
isCompleted: true,
image: 'some.png'
},
{
id: 2,
title: '...',
isCompleted: false,
image: 'some_other.png'
}
];
私は Ember.js にあまり触れていないので、しばらくお待ちください。私は知る必要がある
- Raphael 描画サーフェスを初期化する場所と方法
- 描画面に画像を追加する方法
- 関連付けられたタスクの isCompleted 値に基づいて画像の可視性を切り替える方法。