Javascript 带有AngularJS的CKEditor 4必须单击保存两次

我正在使用CKEditor 4和AngularJS应用程序。当我的应用程序加载时，正如我看到的CKEditor实例一样，一切都正常工作。但是，当我单击“保存”按钮并在CKEditor中输出数据（将其写入控制台）时，它返回为

未定义

，但当我第二次单击“保存”时，它会按预期工作。我对正在发生的事感到不知所措。我错过了什么

我有一个非常简单的实现：

HTML标记

<textarea id="tbDetails" name="tbDetails" ng-model="event.details" placeholder="Event Details"></textarea>

<button id="btnSave" ng-click="save(event)">Save Event</button>

保存事件处理程序（AngularJS）

无需使用

$（'#tbDetails'）.val（）

试试这个

$scope.ckeditordata = CKEDITOR.instances.tbDetails.getData();

console.log( CKEDITOR.instances.tbDetails.getData(); )

---

你能提供JSFIDLE吗？或者检查下面的url，我在第一次单击submit时对此有问题，ckeditor只给出半个字符，而在第二次提交时，它给出了完整的数据

$scope.save = function () {
    console.log($('#tbDetails').val()); // undefined the 1st time, but works the 2nd time
}

$scope.ckeditordata = CKEDITOR.instances.tbDetails.getData();

console.log( CKEDITOR.instances.tbDetails.getData(); )