Angularjs 指令未绑定到围绕它的控制器中的模型

指令未绑定到围绕它的控制器中的模型。我有一个所见即所得的指令，它并没有绑定到封闭控制器的模型

我的观点

这是我的控制器

crossfitApp.controller('journalQuickController', ['$scope', '$fileUploader', function ($scope,$fileUploader) {
            uiVars ={}; 

            submitted= false; 
            $scope.journal ={name:" default data here "};
    }]);  




directive source code:


 '<div class="btn-group btn-group-sm wysiwyg-btn-group-margin" >' +
            '<button ng-show="!isLink" tabindex="-1" title="Link" type="button" unselectable="on" class="btn btn-default" ng-click="createLink()"><i class="fa icon-link" ></i> </button>' +
            '<button ng-show="isLink" tabindex="-1" title="Unlink" type="button" unselectable="on" class="btn btn-default" ng-click="format(\'unlink\')"><i class="fa icon-link2"></i> </button>' +
            '<button title="Image" tabindex="-1" type="button" unselectable="on" class="btn btn-default" ng-click="insertImage()"><i class="fa icon-image4"></i> </button>' +

          '</div>' +

            '<div id="{{textareaId}}" style="resize:vertical;height:{{textareaHeight || \'80px\'}}; overflow:auto" contentEditable="true" class="{{textareaClass}} wysiwyg-textarea" rows="{{textareaRows}}" name="{{textareaName}}" required="{{textareaRequired}}" placeholder="{{textareaPlaceholder}}" ng-model="value"></div>' +
          '</div>',
        restrict: 'E',
        scope:{
      value: '^ngModel',
      textareaHeight: '@textareaHeight',
      textareaName: '@textareaName',
      textareaPlaceholder: '@textareaPlaceholder',
      textareaClass: '@textareaClass',
      textareaRequired: '@textareaRequired',
      textareaId: '@textareaId'
    },
    replace: true,
    require: 'ngModel',
    link: function (scope, element, attrs, ngModelController) {

crossfitApp.controller（'journalQuickController'，['$scope'，'$fileUploader'，函数（$scope，$fileUploader）{
uiVars={}；
提交=错误；
$scope.journal={name:“此处的默认数据”}；
}]);  
指令源代码：
'' +
' ' +
' ' +
' ' +
'' +
'' +
'',
限制：'E'，
范围：{
值：“^ngModel”，
textareaHeight:“@textareaHeight”，
textareaName:“@textareaName”，
textareaPlaceholder:“@textareaPlaceholder”，
textareaClass:“@textareaClass”，
textareaRequired:“@textareaRequired”，
textareaId:“@textareaId”
},
替换：正确，
要求：'ngModel'，
链接：函数（范围、元素、属性、ngModelController）{

Hey，请仅发布相关代码，而不是所有代码，以便我们能够帮助添加更多信息。如何将此指令绑定到外部模型？如果需要模型值，应与ngModelController交互。（带值的行：“^ngModel”没有帮助）.您是否在链接函数中调用ngModelController？

crossfitApp.controller('journalQuickController', ['$scope', '$fileUploader', function ($scope,$fileUploader) {
            uiVars ={}; 

            submitted= false; 
            $scope.journal ={name:" default data here "};
    }]);  




directive source code:


 '<div class="btn-group btn-group-sm wysiwyg-btn-group-margin" >' +
            '<button ng-show="!isLink" tabindex="-1" title="Link" type="button" unselectable="on" class="btn btn-default" ng-click="createLink()"><i class="fa icon-link" ></i> </button>' +
            '<button ng-show="isLink" tabindex="-1" title="Unlink" type="button" unselectable="on" class="btn btn-default" ng-click="format(\'unlink\')"><i class="fa icon-link2"></i> </button>' +
            '<button title="Image" tabindex="-1" type="button" unselectable="on" class="btn btn-default" ng-click="insertImage()"><i class="fa icon-image4"></i> </button>' +

          '</div>' +

            '<div id="{{textareaId}}" style="resize:vertical;height:{{textareaHeight || \'80px\'}}; overflow:auto" contentEditable="true" class="{{textareaClass}} wysiwyg-textarea" rows="{{textareaRows}}" name="{{textareaName}}" required="{{textareaRequired}}" placeholder="{{textareaPlaceholder}}" ng-model="value"></div>' +
          '</div>',
        restrict: 'E',
        scope:{
      value: '^ngModel',
      textareaHeight: '@textareaHeight',
      textareaName: '@textareaName',
      textareaPlaceholder: '@textareaPlaceholder',
      textareaClass: '@textareaClass',
      textareaRequired: '@textareaRequired',
      textareaId: '@textareaId'
    },
    replace: true,
    require: 'ngModel',
    link: function (scope, element, attrs, ngModelController) {