在angularjs1.5中如何限制有contenteditable属性的div输入字数的多少

Question

页面上通过遍历生成多个<div contenteditable="true" maxlength="10"></div>，此div是为了取代textarea，目的是实现一个随内容变化自动调整高度的输入框，现在想要实现控制div输入框中所输入字数的多少，试了很多方法，学艺不精，都没能解决，求大神指导！

下面是照着官网系的一个自定义指令，但是无效，超出了字数之后还是能输入内容。

.directive('contenteditable', function() {

    return {

        restrict: 'A',

        require: '?ngModel',

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

            if (!ctrl) {

                return;

            }

            var maxlength = -1;

            attrs.$observe('maxlength', function(value) {

                var intVal = parseInt(value);

                maxlength = isNaN(intVal) ? -1 : intVal;

                ctrl.$validate();

            });

            ctrl.$validators.maxlength = function(modelValue, viewValue) {

                return (maxlength < 0) || ctrl.$isEmpty(viewValue) || (viewValue.length <= maxlength);

            };

        }

    }

})

Answer 1

你忘记div是没有ng-model的哦只能在以下标签中用