Wie Wert eines Feldes von ng-Modell in jQuery

Question

HTML-Datei

<input id="myName" ng-model="myName" val="{{myName}}"> 

Kaffee Script

$http.get('/api/name').then(
    (resp) -> 
     $scope.myName = resp.data.name 
     $('#myName').val() # this is still ""  
    , 
    (errorResp) -> 
     # code 
) 

Datei aktualisiert lesen Wie Sie aus dem Code sehen kann über I‘ Ich versuche, den Wert von meiner API zu erhalten und ihn dann dem Bereich hinzuzufügen. Ich habe ein Ereignis, das in jQuery bindet, dass jedes Mal, wenn sich der Eingabewert ändert, der Name auf eine Zeichenfläche gezeichnet wird. Wenn ich also resp.data.name an $ scope.myName anbinde, gibt die .val() immer noch "" zurück, als hätte sich die Eingabe nicht geändert.

Answer 1

Der Wert der Eingabe wird am Ende des aktuellen Digest-Zyklus aktualisiert. Sie können mit einem $timeout darauf warten (injizieren es zu einem Controller):

(resp) -> 
    $scope.myName = resp.data.name 
    $timeout -> 
    $('#myName').val() 

und HTML:

<input id="myName" ng-model="myName"> 

Allerdings empfehle ich Ihnen dringend “Thinking in AngularJS” if I have a jQuery background und How does data binding work in AngularJS zu lesen.

Answer 2

Keine Notwendigkeit, val="{{myName}}" im Eingabeelement zu verwenden, verwenden Sie einfach ng-model="myName", so dass Sie JQuery nicht verwenden müssen, um Werte festzulegen oder zu erhalten. Sie können versuchen, $timeout in Ihrer Antwort zu verwenden, wenn Sie Daten aus der Antwort abrufen, die Eingabe jedoch nicht geändert wurde.

<input type="text" id="myName" ng-model="myName"> 

Kaffee Script

$http.get('/api/name').then(
    (resp) -> 
     $scope.myName = resp.data.name  
    , 
    (errorResp) -> 
     # code 
)