Javascript 如何将ng绑定html与双向数据绑定结合使用?

Javascript 如何将ng绑定html与双向数据绑定结合使用?,javascript,angularjs,data-binding,contenteditable,Javascript,Angularjs,Data Binding,Contenteditable,我目前正在使用angular构建一个简单的编辑器。主文本框只是一个div,contenteditable设置为true,ng bind html属性如下: <div contenteditable="true" ng-bind-html="field.content">HTML content here</div> HTML内容在这里 使用正确的标记正确设置和呈现该值,并查看页面加载。但由于它仅以一种方式绑定,因此我的数据或模型不会在编辑时更新 我尝试过一些conte

我目前正在使用angular构建一个简单的编辑器。主文本框只是一个div,contenteditable设置为true,ng bind html属性如下:

<div contenteditable="true" ng-bind-html="field.content">HTML content here</div>
HTML内容在这里
使用正确的标记正确设置和呈现该值,并查看页面加载。但由于它仅以一种方式绑定,因此我的数据或模型不会在编辑时更新

我尝试过一些contenteditable DirectIV,但大多数都需要ng模型,但如果我添加,我的html标记不会呈现并转换为符号

在div的内容被更改后,如何更新数据,并保持HTML标记等格式正确? 编辑:只是暂时使用这个临时的“修复”,但我想要更健壮的东西

<div contenteditable="true" ng-bind-html="field.content" 
ng-blur="saveHTML($event)"></div>

$scope.saveHTML = function(event) {
    this.field.content = event.target.innerHTML;
}

$scope.saveHTML=函数(事件){
this.field.content=event.target.innerHTML;
}

查看$compile文档中的示例Angular的哪个版本?我最近查看了Contenteditable字段和ng绑定(可能是ng模型),据我所知,他们正在1.2中为此添加行为。但不确定html部分。@ErikHonn我使用的是1.2.0-rc.2版。是的,我尝试了ng模型,但运气不好,它只是忽略或转换我的HTML标记。但可能是我做错了。我从来没有真正尝试过使用它(我无法切换到我正在进行的项目的rc),所以我恐怕在这方面帮不了你。如果需要,制定自己的指令可能并不难。接受像bind和model这样的变量名,并在内部html更改时分配给它。@ErikHonn好的,谢谢!等我有时间的时候,我肯定会深入研究指令,因为现在我正在使用我在上面的帖子中编辑的这个半脏补丁。