javascript - 使用编辑器时 AngularJS 模型值未更新

Question

我正在使用 Jhtmlarea，这是我的指令:

test.directive('jhtml', function () {
        return {
            restrict: 'A',            
            replace: false,
            link: function (scope, elem, attr) {
                $(elem).htmlarea({
                    toolbar: [
                   ["bold", "italic", "underline"],
                   ["p", "h1", "h2", "h3", "h4", "h5", "h6"],
                   ["link", "unlink"]]
                });
            }
        }
    });

这是我的代码:

<textarea cols="48" rows="17" ng-model="emailDetails.message" jhtml></textarea>

我可以正确地看到我的文本区域变成了编辑器，但是当我在编辑器中输入时，我的模型没有更新。我错过了什么？我应该在上面的代码中实现哪些更改？

非常感谢任何帮助。

Answer 1

考虑使用textAngular , 它有据可查。它可以节省您的时间 :)。

主page您有如何在文本更改后执行“更新”的示例。

在 codepen 上 codepen :)