How to display dynamic content into ck editor using angular js

ck editor text area
<textarea cols="100" id="editor1" name="editor1" rows="50" data-ng-model="report.reportlist">

</textarea>
<div>{{ report.reportlist }}</div>

I am getting value inside div but not in ck editor

My controller

$scope.report.reportlist = data ;

data = <p><h1>PRO/AH/EDR> African swine fever - Belarus (03): (HR) 1st rep, OIE, RFI</h1><br/><br/><p>African Swine Fever &mdash; Worldwide/Unknown<br/></p>

I am not getting why it is not showing in CK editor . I am using angular js

It doesn't work because the content inside the CKEditor isn't actually in the textarea itself (the textarea element gets hidden). To keep your scope variable and CKeditor in sync you will need to listen for the CKEditor events and update your scope variable accordingly. I made a quick demo here: http://jsbin.com/iMoQuPe/2/edit