通過jQuery獲取td值並將其打印在輸入文本中

Question

我得到以下td值並通過jquery將其打印在輸入文本中，效果很好，但是當嘗試通過ng-model angular使用此值時，它將得到null值，它僅在我手動在文本框中鍵入值而不是通過jquery時才有效碼。

$(document).ready(function() {
$("div.contacts").on('click', "table tr td.contactIdTD", function() {
    $("#contactId").val($(this).text());
  });
});

td值

<td class="contactIdTD">10000</td>

輸入文本

<input type="text" id="contactId" class="form-control" ng-model="contactId">

Answer 1

這是您的方法的解決方案：

JSFiddle

---

這是實現它的方法（ 建議不要閱讀 jQuery，因為它不需要它）：

在您的控制器上實現一個方法：

$scope.selectContact = function(contactId){
    $scope.contactId = contactId;
}

使用ng-click您的視圖來調用該方法：

<td class="contactIdTD" ng-click="selectContact(2)">2</td>    

解決方法如下：

JSFiddle

Answer 2

問題不在於聲明。 可能是代碼的結構。 幫助排除故障

1. 檢查contactId是否在角度控制器內或在您的應用程序范圍內

   <div ng-controller="ContactController"> ... <input type="text" id="contactId" class="form-control" ng-model="contactId"> ... </div>

2. 在控制器中初始化contactId

   $scope.contactId = "";