Tôi có lệnh ckEditor sau đây. Ở dưới cùng là hai biến thể mà tôi đã thấy từ các ví dụ về cách đặt dữ liệu trong trình chỉnh sửa:
app.directive('ckEditor', [function () {
return {
require: '?ngModel',
link: function ($scope, elm, attr, ngModel) {
var ck = null;
var config = attr.editorSize;
if (config == 'wide') {
ck = CKEDITOR.replace(elm[0], { customConfig: 'config-wide.js' });
} else {
ck = CKEDITOR.replace(elm[0], { customConfig: 'config-narrow.js' });
}
function updateModel() {
$scope.$apply(function () {
ngModel.$setViewValue(ck.getData());
});
}
$scope.$on('modalObjectSet', function (e, modalData) {
// force a call to render
ngModel.$render();
});
ck.on('change', updateModel);
ck.on('mode', updateModel);
ck.on('key', updateModel);
ck.on('dataReady', updateModel);
ck.on('instanceReady', function () {
ngModel.$render();
});
ck.on('insertElement', function () {
setTimeout(function () {
$scope.$apply(function () {
ngModel.$setViewValue(ck.getData());
});
}, 1000);
});
ngModel.$render = function (value) {
ck.setData(ngModel.$modelValue);
};
ngModel.$render = function (value) {
ck.setData(ngModel.$viewValue);
};
}
};
}])Ai đó có thể cho tôi biết sự khác biệt giữa:
ck.setData(ngModel.$modelValue);
ck.setData(ngModel.$viewValue);Và tôi nên sử dụng cái nào. Tôi đã xem tài liệu góc cạnh và nó nói:
$viewValue
Actual string value in the view.
$modelValue
The value in the model, that the control is bound to.Tôi không hiểu tác giả muốn nói gì khi viết điều này trong tài liệu :-(
$viewValueluôn luôn là một chuỗi?