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的过时版本,还是我搞乱了文件包含的顺序?
感谢您的帮助。