Angular - base64图像与ng-model绑定textarea性能问题

时间:2016-03-07 10:14:51

标签: javascript angularjs image-uploading summernote 2-way-object-databinding

我正在开发一个使用包含在角度指令中的Summernote WYSIWYG的应用程序。我在图片上传时使用的默认行为基本上是在base64中编码所选图像并将其作为<img>标记。

不幸的是,在测试它时,图像确实被插入到盒子中,但是整个网站开始非常糟糕。

代码基本上是:

CreateController.js中的

// This object holds all the post info
self.post = {};
create-view.html中的

// This object holds all the post info
<div id="summernote" summernote ng-model="Create.post.Content" config="Create.snOptions"> </div>

(使用CreateController as Create

延迟来自self.post.Content中包含的base64编码图像,每次输入一个字母时都会使用ng-model双向绑定进行更新。

我实际上并不需要绑定,我完全可以让用户输入所有内容然后单击提交并处理它,但是我还没有找到一种方法如何将summernote的内容推送到方法中或者在提交表格时加入self.post.Content

我尝试不使用ng-model,只是在提交按钮中传递jQuery选项,如

<button type="submit" class="btn btn-success" ng-click="Create.send(angular.element("#summernote").html()">Send Report</button>`

但是这个选择什么都不返回,因为summernote指令中有一些更复杂的DOM元素(Creator's JSFiddle demo

有没有人知道我应该做什么?

谢谢!

0 个答案:

没有答案