未定義の '$ render'プロパティを設定できません

Question

"未定義のプロパティ '$ render'を設定できません。私はこの質問はすでに尋ねられているが、私はそれを解決することはできません知っている。

$scope.editmode = false; 
$scope.toggleEditMode = function() { 
    $scope.editmode = $scope.editmode === false ? true : false; 

} 

    directives.directive("contenteditable", function() { 

リターン{

link: function(scope, element, attrs, ngModel) { 

    function read() { 
    ngModel.$setViewValue(element.html()); 
    } 

    ngModel.$render = function() { 
    element.html(ngModel.$viewValue || ""); 
    }; 

    element.bind("blur keyup change", function() { 
    scope.$apply(read); 
    }); 
} 

}。 }）;

<tr dir-paginate="us in zdravstveniPostupci | filter: {Postupak: nasUser} | orderBy:orderByField:reverseSort | itemsPerPage:selectedMenu" ng-dblclick="updateOsoba(us, selectMjesto)" on-long-press="updateOsoba(us, selectMjesto)" ng-click="odaberiOsobe(us,$index)" ng-attr-contenteditable="{{ editmode }}"> 

         <td ng-repeat="key in draggableObjects" ng-if="key.visible" > 
          <span ng-if="key.name!='Mjesta'"> {{us[key.name]}}</span> 

         </td> 

        </tr> 

    <div class="col-md-4 center-block" style="position:fixed;top:36%;left:82%;" id="gumbicc"> 
<button type="button" class="btn btn-responsive" ng-click="toggleEditMode(); ShowHide()" >{{editmode ? 'Disable Editing' : 'Enable Editing'}}</button></div> 

Answer 1

あなたはリンク機能にngModelを使用している場合は、

return { 
    require: 'ngModel', // <---THIS 
    link: function(scope, element, attrs, ngModel) { 

    function read() { 
    ngModel.$setViewValue(element.html()); 
    } 

    ngModel.$render = function() { 
    element.html(ngModel.$viewValue || ""); 
    }; 

    element.bind("blur keyup change", function() { 
    scope.$apply(read); 
    }); 
} 

Answer 2

ディレクティブで、それを必要とすべきは、あなたのディレクティブでngModelが必要です。

directives.directive("contenteditable", function() { 
    return { 
     require: 'ngModel', 
     link: function(scope, element, attrs, ngModel) { 

      function read() { 
      ngModel.$setViewValue(element.html()); 
      } 

      ngModel.$render = function() { 
      element.html(ngModel.$viewValue || ""); 
      }; 

      element.bind("blur keyup change", function() { 
      scope.$apply(read); 
      }); 
     } 
    } 
} 

あなたはngModelに関する詳細な説明については、この既存のSO postを参照することができます。