問(wèn)題描述

使用百度編輯器時(shí)，插入圖片初始為loading圖，載入成功后才顯示上傳的圖片，插入圖片后不做任何修改時(shí)，控制器中的model是這樣的

即使圖片已經(jīng)上傳成功，在編輯器已經(jīng)顯示出來(lái)了，但是model中還是沒(méi)有得到修改，只有再修改點(diǎn)其他東西，觸發(fā)ueditor的changecontent事件后，才會(huì)修改model；udeitor指令中的監(jiān)聽changecontent：

_self.editor.addListener('contentChange', function() {ctrl.$setViewValue(_self.editor.getContent());if (!_updateByRender) {if (!$S.$$phase) {$S.$apply();}}_updateByRender = false;});

查看ueditor源碼：

function callback(){try{var link, json, loader,body = (iframe.contentDocument || iframe.contentWindow.document).body,result = body.innerText || body.textContent || ’’;json = (new Function('return ' + result))();link = me.options.imageUrlPrefix + json.url;if(json.state == ’SUCCESS’ && json.url) {loader = me.document.getElementById(loadingId);loader.setAttribute(’src’, link); loader.setAttribute(’_src’, link); loader.setAttribute(’title’, json.title || ’’);loader.setAttribute(’alt’, json.original || ’’);loader.removeAttribute(’id’); domUtils.removeClasses(loader, ’loadingclass’);} else {showErrorLoader && showErrorLoader(json.state);}}catch(er){showErrorLoader && showErrorLoader(me.getLang(’simpleupload.loadError’));}form.reset();domUtils.un(iframe, ’load’, callback);}

圖片上傳成功后，直接將原來(lái)loading圖的src修改成返回的鏈接，但是這樣卻沒(méi)有出發(fā)angular的$apply，實(shí)際上應(yīng)該說(shuō)是沒(méi)有出發(fā)changecontent，導(dǎo)致model沒(méi)有被更新；

求問(wèn)大神，如何讓angular model 在修改img src屬性時(shí)得到更新呢？這問(wèn)題困擾了很久了，之前看到博客有個(gè)大兄弟給changecontent里面加了個(gè)延遲

_self.editor.addListener('contentChange', function() {//此處設(shè)置一個(gè)延遲，防止圖片還沒(méi)有從服務(wù)器返回，從而獲取到的是loading圖片 setTimeout(function() {ctrl.$setViewValue(_self.editor.getContent());if (!_updateByRender) { if (!$S.$$phase) {$S.$apply(); }}_updateByRender = false;}, 50)});

但是治標(biāo)不治本，如果我的圖片在50ms之后才載入，也是沒(méi)有用的。。。。找不到contentchange的事件代碼。

問(wèn)題解答

回答1：

自己回到吧；方法一：在配置中 config取消單張圖片上傳，使用多張圖片上傳代替；方法二：修改ueditor.all.js中簡(jiǎn)單上傳函數(shù)在圖片上傳完成后修改loading圖的src屬性，展示真實(shí)圖片后，在末尾插入一個(gè)空字符串來(lái)出發(fā)$apply；