将值从表传递到输入文本Angularjs

Question

我有一个带有表格的输入文本，在该表格中我从带有 ng-repeat 的 JSON 中过滤了一些值，同时我正在输入。

<input type="text" placeholder="Choose" ng-model="item.sTxt"/>
   <table>
      <thead>
         <tr>
            <th>First Value</th>
            <th>Second Value</th>
         </tr>
      </thead>
      <tbody>
         <tr
             data-ng-repeat="item in numberList.getList | filter:searchText" 
             ng-click="setSelected(item.last)">
             <td>{{item.first}}</td>
             <td>{{item.last}}</td>
         </tr>
      </tbody>
  </table>

我可以通过这种方式在表格中单击一行时显示警报：

$scope.idSelectedVote = null;
    $scope.setSelected = function (idSelectedVote) {
        $scope.idSelectedVote = idSelectedVote;
        alert(idSelectedVote);
    }; 

但我会采用该值并将其传递到我的输入文本中。我怎么能在 angularjs 中做到这一点？

Answer 1

您可以使用 ng-model 在文本输入上创建模型，然后只需将点击的表格行的值传递给该模型，就像这样

<input ng-model='input' type="text" placeholder="Choose"/>



$scope.setSelected = function (idSelectedVote) {
        $scope.idSelectedVote = idSelectedVote;
        $scope.input=idSelectedVote;
        //alert(idSelectedVote);
    };

---

此外，如果您想过滤掉重复的列表，您可以在过滤器中使用相同的模型。

你可以看到这个Fiddle，它对输入进行过滤，并在点击tr时将文本放入输入中