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,还是我弄乱了文件包含的顺序?
感谢您的任何帮助。