将Redactor WYSIWYG集成在AngularJs指令中

Visualy它的工作,但我的自定义指令是不兼容的ng模型(我不明白为什么)

这是你如何使用我的指令：

<wysiwyg ng-model="edited.comment" id="contactEditCom" content="{{content}}" required></wysiwyg>

这是指令码：

var myApp = angular.module('myApp',[]);
myApp.directive("wysiwyg",function(){

var linkFn = function(scope,el,attr,ngModel) {

    scope.redactor = null;

    scope.$watch('content',function(val) {
        if (val !== "")
        {
            scope.redactor = $("#" + attr.id).redactor({
                focus : false,callback: function(o) {
                    o.setCode(val);
                    $("#" + attr.id).keydown(function(){
                        scope.$apply(read);
                    });
                }
            });
        }
    });

    function read() {
        var content = scope.redactor.getCode();
        console.log(content);
        if (ngModel.viewValue != content)
        {
            ngModel.$setViewValue(content);
            console.log(ngModel);
        }
    }

};

 return {
     require: 'ngModel',link: linkFn,restrict: 'E',scope: {
         content: '@'
     },transclude: true
 };
});

最后这是小提琴 – > http://fiddle.jshell.net/MyBoon/STLW5/