加载数据后，将ng-maxlength添加到输入

Question

当用户进入视图时。 Angular正在向服务器发送请求，并且作为响应是由前缀和实际名称组成的名称（例如：PREFIX_NAME）。 在视图中我有2个输入（一个用于前缀，第二个用于名称）。我想为名称输入设置ng-maxlength属性，例如25-prefix.length。我试着像这样设置：

ng-maxlength="{{maxLength}}"

但它仍然是第一个值（25），而不是减去前缀长度后的值。

Answer 1

TLDR：使用ng-maxlength="maxLength"
ng-maxlength需要js表达式，而不是插值。如果你打开控制台，你可能会看到一个错误，说明意外的标记'{'。通常，使用ng-*时不需要双括号。

Answer 2

试试这个

ng-maxlength="maxLength"

Answer 3

您的输入应为：

<input ... ng-maxlength="maxLength"/>

在您的控制器中，默认设置maxLength，并在从API恢复时更改它：

$scope.maxLength = 25;

$http({ method: 'GET', url: '/url' }).then(function(data) {
    $scope.maxLength = 25 - data;
});