更新 md-maxlength 值

Question

当我更新 "item.MaxLength" 值时，它不会影响输出并且仍将原始值显示为 md-maxlength。我的代码有什么问题？谢谢。

Input-1：我希望它将 md-maxlength 值更改为 "input-2"

<input type="text" ng-model="item.Desc" md-maxlength="{{item.MaxLength}}">

Input-2：我想用 "item.MaxLength"

控制 input-1 md-maxlength

<input type="number" ng-model="item.MaxLength">

Answer 1

显然没有办法动态更新 md-maxlength 值。但是您的问题有解决方法。您可以在更改长度设置字段的值后删除并重新呈现输入元素。在 md-input-container 上添加 ng-if 并通过使用 $watch 或在长度字段上使用 ng-change 函数相应地更改其值在长度字段中的变化。

<md-input-container ng-if="showN">
    <label>Name</label>
    <input  type="text" md-maxlength='{{view.len}}' ng-model="view.name" />
</md-input-container>
<md-input-container>
    <label>Len</label>
    <input type="number"  ng-model="view.len" />
</md-input-container>

控制器中有：

$scope.$watch('view.len', function(n,o){
    $scope.showN = false;
    $timeout(function(){
        $scope.showN = true;
    });
});

工作 plunker：https://plnkr.co/edit/fLh0VfuTUjjmGo8PRioy?p=preview

更新 md-maxlength 值

Updating md-maxlength value

angularjs

angularjs-material