如何使用跟踪用户选择并显示 Angular JS？

Question

我想跟踪用户在 table 中选择的任何内容，并使用 Angular JS 以另一种形式呈现。我完全不知道如何执行这个 activity。我的第一次尝试是使用 track by 但它没有被调用。

user.html

<div>
<tr ng-repeat="usrInput in usrInputs |   filter:searchData track by $index" ng-click="clickValidValues()">
    <td>{{usrInput.name}}</td>
    <td><button ng-click="clickValidValues()"> Update </button></td>
 </tr>
</div>

现在，无论用户选择什么，我都希望该数据以下面的形式呈现。

<div>
 <form>
    <input class="form-control" ng-repeat="usrInput in usrInputs" type="text" disabled>
     {{usrInput.name}}
    </input>
</form>
</div>

user.js

$scope.usrInput = [
        {name: "Mike"},
        {name: "Bir"},
];

Answer 1

所以你可以做的是 -

user.html-

<div>
<tr ng-repeat="usrInput in usrInputs |   filter:searchData track by $index" 
 ng-click="clickValidValues()">
<td>{{usrInput.name}}</td>
<td><button ng-click="clickValidValues(usrInput.name})"> Update </button>
</td>
</tr>
</div>

<div>
<form>
  <input class="form-control" ng-repeat="usr in newInputs" 
  ng-model="usr" type="text"disabled>

</input>
</form>
</div>

user.js-

$scope.newInputs=[];
$scope.usrInput = [
    {name: "Mike"},
    {name: "Bir"},
];

$scope.clickValidValues = function(name){
   $scope.newInputs.push(name);

 }

希望这是您需要的，将用户名添加到新数组中并重复该新数组。

如何使用跟踪用户选择并显示 Angular JS？

How to use track the user selection and present in display Angular JS?

selection

angularjs