当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);
          });