Javascript 将表中的值传递给输入文本Angularjs

我有一个输入文本和一个表，在这个表中，我用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>

---

但我会接受该值并将其传递到输入文本中。如何在angularjs中实现这一点？

您可以使用ng模型在文本输入上创建一个模型，然后将单击的表行的值传递给该模型，如下所示

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



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

$scope.setSelected=函数（idSelectedVote）{
$scope.idSelectedVote=idSelectedVote；
$scope.input=idSelectedVote；
//警报（idSelectedVote）；
};

---

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

---

您可以看到这一点，它在输入时进行过滤，并在点击tr时将文本放入输入中。您可以使用ng模型在文本输入时创建一个模型，然后只需将点击表行的值传递给该模型，如下所示

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



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

$scope.setSelected=函数（idSelectedVote）{
$scope.idSelectedVote=idSelectedVote；
$scope.input=idSelectedVote；
//警报（idSelectedVote）；
};

---

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

---

您可以看到这一点，它在输入时进行过滤，并在点击tr时将文本放入输入中。您可以使用ng模型在文本输入时创建一个模型，然后只需将点击表行的值传递给该模型，如下所示

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



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

$scope.setSelected=函数（idSelectedVote）{
$scope.idSelectedVote=idSelectedVote；
$scope.input=idSelectedVote；
//警报（idSelectedVote）；
};

---

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

---

您可以看到这一点，它在输入时进行过滤，并在点击tr时将文本放入输入中。您可以使用ng模型在文本输入时创建一个模型，然后只需将点击表行的值传递给该模型，如下所示

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



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

$scope.setSelected=函数（idSelectedVote）{
$scope.idSelectedVote=idSelectedVote；
$scope.input=idSelectedVote；
//警报（idSelectedVote）；
};

---

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

---

你可以看到，它既在输入上过滤，又在TR

点击时输入文本不起作用：（考虑到我输入了一个NG模型（抱歉我忘了写它））@游戏结束你能为你的问题创建一把小提琴吗？我创建的一把如果使用ng模型，效果很好。试试我做的方式这太奇怪了…同样的例子在小提琴中试过，没有问题。在我的例子中，我可以在控制台上查看单击的项目，但我无法将其传递到输入中！！好的，现在这个与我的情况非常相似..而且没有问题work@End.Game..这个问题有不同的背景。你可以发布一个不同的问题。如果你这样做，也通知我。不起作用。（考虑到我输入了一个NG模型（抱歉我忘了写）。@游戏结束你能为你的问题创建一把小提琴吗？我创建的一把如果使用ng模型，效果很好。试试我做的方式这太奇怪了…同样的例子在小提琴中试过，没有问题。在我的例子中，我可以在控制台上查看单击的项目，但我无法将其传递到输入中！！好的，现在这个与我的情况非常相似..而且没有问题work@End.Game..这个问题有不同的背景。你可以发布一个不同的问题。如果你这样做，也通知我。不起作用。（考虑到我输入了一个NG模型（抱歉我忘了写）。@游戏结束你能为你的问题创建一把小提琴吗？我创建的一把如果使用ng模型，效果很好。试试我做的方式这太奇怪了…同样的例子在小提琴中试过，没有问题。在我的例子中，我可以在控制台上查看单击的项目，但我无法将其传递到输入中！！好的，现在这个与我的情况非常相似..而且没有问题work@End.Game..这个问题有不同的背景。你可以发布一个不同的问题。如果你这样做，也通知我。不起作用。（考虑到我输入了一个NG模型（抱歉我忘了写）。@游戏结束你能为你的问题创建一把小提琴吗？我创建的一把如果使用ng模型，效果很好。试试我做的方式这太奇怪了…同样的例子在小提琴中试过，没有问题。在我的例子中，我可以在控制台上查看单击的项目，但我无法将其传递到输入中！！好的，现在这个与我的情况非常相似..而且没有问题work@End.Game..这个问题有不同的背景。你可以发布不同的问题。如果有，请通知我。。