ng-Model不是從nicEdit格式的Textarea更新

Question

<scirpt src="textarea.js"></script>
<script>
bkLib.onDomLoaded(function() {
new nicEditor({maxHeight : 200}).panelInstance('area');
});
</script>

<p>
   <textarea name="area" id="area" style="height:200px;" 
             ng-model="text" wrap="true">
   </textarea>
</p>
<p id="comment-text">{{text}}</p>

在這里，我使用了一個段落來查看用戶輸入的文本，但是該模型未顯示任何輸入的文本！ 當我刪除textarea的id屬性時，它開始工作。 誰能提出我的解決方案？

Answer 1

這是一個小解決方法，但應該為您工作。 您可以為keyup添加事件偵聽器，該事件偵聽器將在您鍵入時更新文本區域（默認情況下，nicEditor僅在表單提交時更新）。 另外，您需要觸發input事件以更新ng-model 。

<script>
var areaEditor;
bkLib.onDomLoaded(function() {
    new nicEditor({maxHeight : 200}).panelInstance('area');

    document.addEventListener("keyup", function(){
        nicEditors.findEditor('area').saveContent()
        var event = new Event('input', {});
        document.getElementById('area').dispatchEvent(event);
    });
});


</script>