Javascript AngularJS：将数据连接到指令中的模型

我的目的是在页面上显示一些数据，并在模型中反映对其所做的任何更改。但是，数据需要在显示之前应用特定的操作，并保持与模型的连接

例如，如果数据是一个html片段，我会将其包装在属性为contentEditable的DIV中。但是，如果它是一组选项，我将把它包装在UL和LIs中，每个都包含一个属性为contentEditable的范围

在每种情况下，contentEditable零件都应保持与模型的连接

我正在开发一个JSFIDLE，试图取得一些进展（从项目是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

我的小提琴在这里：

任何关于我如何处理这一问题的建议都将不胜感激

编辑 我一直在研究使用$compile生成输出结构，它看起来确实是在获取传入的相关数据。但是，它仍然与模型断开连接：

编辑2 经过更多的黑客攻击，我在提供的HTML中为contenteditable区域提供了一个工作实现。它拾取focusout上的更改，这是我能找到的唯一方法，它是从处理过的html中的contenteditable区域冒泡出来的

---

这里有一个更持久的JSFIDLE:

您可以使用该指令修改模型中的数据并保持模型的数据绑定。

您是否看到文档中的示例？也许会有帮助。很好的建议。是的，我设法找到了类似的东西，并根据我的需要进行了调整。谢谢