我的意图是让一些数据显示在页面上，并将对它的任何更改反映在模型中。但是，数据需要在显示之前应用特定的操作，并保持与模型的连接。
例如，如果数据是一个 html 片段，我会将其包装在一个带有 contentEditable 属性的 DIV 中。但是，如果它是一组选项，我将把它包装在一个 UL 和 LI 中，每个都包含一个具有属性 contentEditable 的 SPAN。
在每种情况下，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/