정의되지 않은 '$ render'속성을 설정할 수 없습니다.

Question

"$ {undefined}"속성을 설정할 수 없습니다. 나는이 질문이 이미 요구되지만 나는 그것을 해결할 수 없다는 것을 안다.

$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); 
    }); 
} 

}; }}); 당신이 링크 기능에 ngModel를 사용하는 경우

<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

당신은

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를 참조 할 수있다.