如何在jQuery中读取ng模型更新的字段值

HTML文件

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

---

从上面的代码中可以看到，我试图从API中获取值，然后将其添加到范围中。我在jQuery中有一个事件绑定，每次输入值更改时，它都会将名称绘制到画布上。问题是，当我将resp.data.name绑定到$scope.myName时，.val（）仍然返回“”，就好像输入没有更改一样。

输入值将在当前摘要周期结束时更新。您可以使用（将其注入控制器）等待它：

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

和HTML：

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

但是，我强烈建议您阅读并使用。

无需在输入元素中使用

val=“{{myName}}”

，只需使用

ng model=“myName”

即可，因此无需使用JQuery来设置或获取值。如果从响应中获取数据，但输入未更改，则可以尝试在响应中使用

$timeout

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

---

为什么需要

$（'#myName'）.val（）

？您可以通过

$scope.myName

@shaishabroy检查，因为我有另一个带有事件侦听器的脚本，并且希望重用它

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

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