javascript - 以 Angular 清除 trumbowyg 编辑器

Question

我目前正在使用 trumbowyg一个项目的编辑器，我在清除编辑器的内容时​​遇到问题。如果我想通过更改附加到它的模型的内容来重新填充编辑器，一切都很好，但是当我执行 $scope.editorModel = ''; 时它不会清除编辑器的内容>。我有一个 Plunker here这更能解释它(单击页面底部的按钮)。

有人有什么想法吗？

Answer 1

就我个人而言，我认为它是一个相当缺乏的指令，但它往往与 jquery 插件的 Angular 包装器类似。

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

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

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

肯定不是 Angular 方式(tm)。我想更改指令并使 trumbowyg 对象以其他方式可用会更漂亮。抱歉偷懒了。