Hinzufügen von ng-maxlength zur Eingabe nach dem Laden von Daten

Question

Wenn der Benutzer die Ansicht eingibt. Angular sendet eine Anfrage an den Server und als Antwort ist ein Name, der aus einem Präfix und einem tatsächlichen Namen besteht (z.B. PREFIX_NAME). In Sicht habe ich 2 Eingänge (einen für Präfix und zweiten für Namen). Ich möchte ng-maxlength-Attribut für die Namenseingabe setzen, die zum Beispiel 25-prefix.length sein wird. Ich habe versucht, es so zu setzen:

ng-maxlength="{{maxLength}}" 

aber es muss noch ersten Wert (25), nicht Wert nach Präfixlänge Substraktion.

Answer 1

TLDR: verwenden ng-maxlength="maxLength"
ng-maxlength einen js Expression erwartet, nicht ein interpolierter Wert. Wenn Sie die Konsole öffnen, sollte wahrscheinlich ein Fehler angezeigt werden, der besagt, dass das unerwartete Token '{'. Im Allgemeinen benötigen Sie keine doppelten Klammern, wenn Sie ng-* verwenden.

Answer 2

Versuchen Sie, diese

ng-maxlength="maxLength" 

Answer 3

sollte Ihre Eingabe sein:

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

In Ihrem Controller, Standard maxLength gesetzt, und es ändern, wenn Sie es von Ihrem API erholt:

$scope.maxLength = 25; 

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