2

HTML:

<textarea froala="froalaOptions" ng-model="froalaContent"></textarea>

控制器:

  $scope.froalaContent = '';

  $scope.froalaOptions = {
    placeholderText: '<i class="fa fa-book placeholder-icon"></i> Share your story',
    events: {
      'froalaEditor.focus': function () {
        angular.element('.feed .fr-toolbar').css('display', 'block');
      },
      'froalaEditor.blur': function () {
        angular.element('.feed .fr-toolbar').css('display', 'none');
      }
    }
  }

JavaScript 包含的顺序:

"vendor/jquery/jquery-1.11.1.js",
"vendor/angularjs/plugins/angular-froala-master/jquery-embedly.js",
"vendor/angularjs/plugins/angular-froala-master/froala-editor.js",
"vendor/angularjs/plugins/angular-froala-master/froala-sanitize.js",
"vendor/angularjs/plugins/angular-froala-master/angular-froala.js",
"vendor/angularjs/plugins/angular-froala-master/embedly.min.js",
"vendor/angularjs/plugins/angular-froala-master/video.min.js",
"vendor/angularjs/plugins/angular-froala-master/image.min.js",
"vendor/angularjs/plugins/angular-froala-master/lists.min.js",
"vendor/angularjs/plugins/angular-froala-master/image.min.js",
"vendor/angularjs/plugins/angular-froala-master/colors.min.js",
"vendor/angularjs/plugins/angular-froala-master/font_size.min.js",
"vendor/angularjs/plugins/angular-froala-master/font_family.min.js",

在 中的函数ctrl.updateModelView()angular-froala.js,我可以看到值正在正确更新,但它似乎没有将值传递回父范围。无论我做什么,每当我记录控制器的 $scope 时,froalaContent 总是等于一个空字符串。

通过将 HTML 元素上的 ng-model 更改为,我设法让它更早地工作,ng-model="$parent.froalaContent"但这似乎不再起作用。

我已经研究了一段时间的文件,我觉得我把所有东西都放在了正确的位置,有人可以分享一些关于我哪里出错的见解吗?可能是我使用了过期版本的 jQuery,还是我弄乱了文件包含的顺序?

感谢您的任何帮助。

4

0 回答 0