angularjs - 当 AngularJS 交换其视图时，CKEditor 不显示

Question

我的 AngularJS 指令是：

.directive('ckEditor', function() {
  return {
    require: '?ngModel',
    link: function(scope, elm, attr, ngModel) {
      var ck = CKEDITOR.replace(elm[0]);

      if (!ngModel) return;
      ck.on('pasteState', function() {
        scope.$apply(function() {
          ngModel.$setViewValue(ck.getData());
        });
      });

      ngModel.$render = function(value) {
        ck.setData(ngModel.$viewValue);
      };
    }
  };

假设我的视图如下所示：

<textarea ck-editor  name="menu_content" style="width:600px; height:300px;" id="menu_content" ng-model="models.menu_content" ub-search-settings=""></textarea>

当视图被调用时，CKEditor 显示而不是 TextArea。没关系。现在，我的问题是 CKEditor 不显示下次调用视图时不重新加载整个页面。

Answer 1

将此添加到您的指令中：

          ck.on('instanceReady', function() {
            ck.setData(ngModel.$viewValue);
          });