如何让Kendo编辑器从$scope角度更新？

Question

我有下面的代码。

html

​

<textarea ng-bind-html="html" style="height:440px" kendo-editor k-   options="editorOptions"></textarea>

​

JS

​

angular.module('SplashApp', ['ngRoute', 'kendo.directives', 'ngSanitize'])
    .controller("MainController", function ($scope, $location, $route, $http, $sce) {
        $scope.html = "<h1>Kendo Editor</h1>\n\n" +
          "<p>Note that 'change' is triggered when the editor loses focus.\n" +
              "<br /> That's when the Angular scope gets updated.</p>";
});

​

当页面呈现它是好的。如果用户更新页面，它也会对$scope.html进行更改。但是，如果我从javascript中更改$scope.html，编辑器的内容就不会改变。我怎样才能让这一切发生？

Answer 1

嗯，我已经创建了一个dojo，并可以相应地复制您的应用程序。并创建了一个按钮来更改控制器中的html。

 angular.module('SplashApp', ['kendo.directives', 'ngSanitize'])
        .controller("MainController", function ($scope) {
            $scope.html = "<h1>Kenessssdo Editor</h1>\n\n" +
              "<p>Note that 'change' is triggered when the editor loses focus.\n" +
                  "<br /> That's when the Angular scope gets updated.</p>";
                $scope.addHtml = function(){
                                    $scope.html+= "<br>ahahahahhahah";
            };
    });

道场

一切都很好。你的语法正确吗？