如何更改角度的maxlength值

Question

我对角度很新.我试图在点击时将maxlength的值从300更改为140.使用ng-repeat加载按钮,第一个是唯一一个应该将值更改为140的按钮,其余的应该返回到300.

这是我在控制器中的内容:

//character counter
$scope.counter = function() {
    var myEl = angular.element(document.querySelector('.form-control'));
    myEl.attr('maxlength', '150');
};

我的HTML是这样的:

 <textarea data-ng-model="view.post.content" ng-trim="false" maxlength="340" class="form-control" style="height: 100px;"></textarea>

Answer 1

只需使用ng-maxlength并将其绑定到作用域上的属性,这将提供验证安全性.

例:-

 <textarea data-ng-model="view.post.content" ng-trim="false" 
            ng-maxlength="maxValue" class="form-control" 
            style="height: 100px;"></textarea>

如果你想真正限制,那么只需使用插值maxlength={{maxValue}}.即

 <textarea data-ng-model="view.post.content" ng-trim="false" 
            maxlength="{{maxValue}}" class="form-control" 
            style="height: 100px;"></textarea>

所以最初$scope.maxValue = 340然后在柜台内设置属性的值为150.

文件

ngMaxlength(可选)number: 如果值大于maxlength,则设置maxlength validation error key.将属性设置为负数或非数字值,允许任何长度的视图值.

例