javascript - 将值从表传递到输入文本 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 时将文本放入输入中