私の意図は、いくつかのデータをページに表示し、その変更をモデルに反映させることです。ただし、データは表示前に特定の操作を適用し、モデルとの接続を維持する必要があります。
たとえば、データが html フラグメントの場合、属性 contentEditable を使用して DIV にラップします。ただし、オプションのセットの場合は、属性 contentEditable を持つ SPAN をそれぞれ含む UL と LI でラップします。
いずれの場合も、contentEditable パーツはモデルに接続されたままにする必要があります。
私はJSFiddleに取り組んでおり（アイテムがhtmlフラグメントである場合から始めて）いくつかの侵入を試みており、現在立ち往生しているポイント（2）と（3）にラベルを付けています。しようとしています:
a) Get the watch function to notice a change to the content
b) Maintain the two way binding between the displayed editable content and the model
私のフィドルはここにあります：http://jsfiddle.net/rAXmV/
これにどのようにアプローチできるかについての提案は大歓迎です。
編集
$compile を使用して出力構造を生成することを検討しており、関連するデータが渡されているように見えますが、モデルからはまだ切断されています。
編集 2
さらにハッキングした後、提供された HTML 内の contenteditable 領域の実用的な実装ができました。これは、処理された html 内の contenteditable 領域からバブルアップしたものを見つけることができる唯一の方法です。
より恒久的な JSFiddle はこちら: http://jsfiddle.net/donovanh/q6auY/