用角清除trumbowyg编辑器

Question

我目前正在一个项目中使用三轮车编辑器，并且在清除编辑器的内容时遇到了问题。如果我想通过更改附加到它的模型的内容来重新填充编辑器，那么每件事都很好，但是当我执行$scope.editorModel = '';时，它将不会清除编辑器的内容。我有一个柱塞这里，它可以解释得更多一些(单击页面底部的按钮)。

有人有什么想法吗？

Answer 1

我发现更新版本的特伦博格 (2.4.2)和汤姆威在模型上具有良好的双向绑定。

现在，当模型被直接设置为“”时，模型和trumbowyg编辑器都是空白的。

<pre>editorModel: {{editorModel}}</pre>
<textarea trumbowyg-ng ng-model="editorModel"></textarea>

请看这里的工作：http://plnkr.co/edit/FoCUDI?p=preview

Answer 2

就我个人而言，我认为它是一个相当缺乏的指令，但是对于jquery插件来说，它往往是有很多角包装的。

当然，问题是无法访问trumbowyg元素。简单的解决方法是给元素一个id，然后使用angular.element获取它。

<div trumbowyg-ng id="test" ...

$scope.trumbo = angular.element("#test");
$scope.trumbo.empty(); // (from the trumbowyg documentation)

这不一定是角度方向。我认为修改指令并以其他方式使trumbowyg对象可用会更好。抱歉，我太懒了。

Answer 3

通过扩展ippi的答案，我发现了div而不是textareas，下面的代码解决了我的情况：

<div trumbowyg-ng id="trumbowyg" ...

$scope.trumbo = angular.element("#trumbowyg");
$scope.trumbo['0'].textContent = '';