如何使用跟蹤用戶選擇並顯示在Angular JS中？

我想跟蹤用戶在表中選擇的任何內容，並使用Angular JS以另一種形式呈現。我很困擾如何執行此活動。我的第一個嘗試是使用軌道，但它不會被調用。如何使用跟蹤用戶選擇並顯示在Angular JS中？

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"}, 
];

來源

2017-07-27 John Smith

首先，你不能在tr上使用ng-model ..你想在輸入框中顯示什麼事件，以及你想要顯示什麼？ –

@NamdeoKarande，所以我刪除了ng模型。我有兩個div。一張桌子和一張桌子。當用戶選擇更新時，表單將顯示。當用戶從表格中選擇數據時，表格會出現，無論用戶在表格中選擇了什麼，它都應該出現在表格中。這意味着應該有一種方法來跟蹤選定的數據並將其呈現在表單中。 –

因此，對於你所能做的就是 -

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); 

}

希望這是你需要的在新數組中添加用戶名並重復新數組。

來源

2017-07-27 11:14:17

如何使用跟蹤用戶選擇並顯示在Angular JS中？

回答

相關問題