如何在jQuery中讀取NG-模型更新字段的值

Question

HTML文件

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

咖啡腳本文件

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

正如你可以從代碼中看到上面的我m試圖從我的API獲取值，然後將其添加到範圍。我在jQuery中綁定了一個事件，每次輸入值發生變化時，它都會將名稱繪製到畫布上。事情是，當我將resp.data.name綁定到$ scope.myName時.val（）仍然返回「」，就好像輸入沒有改變。

Answer 1

輸入值將在當前摘要週期結束時更新。你可以等待它與$timeout（它注入到你的控制器）：

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

和HTML：

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

不過，我強烈建議您閱讀「Thinking in AngularJS」 if I have a jQuery background和How does data binding work in AngularJS。

Answer 2

不需要在輸入元素中使用val="{{myName}}"只需使用ng-model="myName"因此不需要使用JQuery來設置或獲取值。如果從響應中獲取數據但輸入未更改，則可以在響應中嘗試使用$timeout。

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

咖啡腳本文件

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