ng - 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는 양식 제출시 업데이트 만). 또한 ng-model을 업데이트하려면 input 이벤트를 트리거해야합니다.

<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>