在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 在angularjs1.5中如何限制有contenteditable屬性的div

在angularjs1.5中如何限制有contenteditable屬性的div輸入字?jǐn)?shù)的多少

頁(yè)面上通過遍歷生成多個(gè)<div contenteditable="true" maxlength="10"></div>,此div是為了取代textarea,目的是實(shí)現(xiàn)一個(gè)隨內(nèi)容變化自動(dòng)調(diào)整高度的輸入框,現(xiàn)在想要實(shí)現(xiàn)控制div輸入框中所輸入字?jǐn)?shù)的多少,試了很多方法,學(xué)藝不精,都沒能解決,求大神指導(dǎo)!
下面是照著官網(wǎng)系的一個(gè)自定義指令,但是無效,超出了字?jǐn)?shù)之后還是能輸入內(nèi)容。
.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);
            };
        }
    }
})
回答
編輯回答
祈歡

你忘記div是沒有ng-model的哦
只能在以下標(biāo)簽中用

clipboard.png

2018年1月14日 10:02