无法设置未定义的属性“$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);
          });
        }
    }
}

您可以参考这个现有的SO post 以获得有关 ngModel 的详细说明。