jQuery ng-model tarafından güncellenen bir alanın değerini nasıl okunur?

Question

HTML dosyası

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

Kahve Senaryo

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

dosyası API'mdan değer almayı ve kapsamı eklemeye çalışıyorum. JQuery'de, giriş değeri her değiştiğinde, adı bir tuvale çizen bir olayım var. Şey, resp.data.name öğesini $ scope.myName olarak bağladığımda, .val() hala girdi değişmemiş gibi "" döndürür.

Answer 1

Girdi değeri, geçerli özet döngüsünün sonunda güncellenir. Bir $timeout (denetleyicinize enjekte) ile bunun için bekleyebilir:

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

ve HTML:

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

Ancak, şiddetle “Thinking in AngularJS” if I have a jQuery background ve How does data binding work in AngularJS okumanızı tavsiye ederiz.

Answer 2

Giriş öğesinde val="{{myName}}" kullanılmasına gerek yoktur, bu nedenle ng-model="myName" kullanın ve JQuery'yi ayarlamak veya değer almak için kullanmanıza gerek kalmaz. Yanıttan veri alırsanız, ancak girişiniz değişmediyse, cevabınıza $timeout kullanmayı deneyebilirsiniz.

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

Kahve Senaryo

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