Question

我有表格中显示的数据列表。当我点击任何td时，我会在另一个表格中显示所选值的列表。问题是，如果我选择多行，那么除了上一条记录之外，还应显示下一个选定值，但根据我的代码不会发生。我应该使用清单吗？或者可以在现有的one.code中进行更改，如下所示：

<table class="table table-hover" style="width:300px;">
<tr ng-repeat="work in jointworkdata">

  <td ng-click="selectedVal(tab,work.jointwork_name)">{{work.jointwork_name}}</td>
  </tr>

和显示表是：

<table   class="table table-hover"><tr>
<td >{{selectedData}}</td></tr>

控制器中的代码是：

$scope.selectedVal = function(tab,val) {

        if(tab==1)
        {

         $scope.selectedData=val;}
         };

输出一次只提供一条记录而不是全部选择，因为点击后会调用fucntion。

Answer 1

您可以使用双向绑定https://docs.angularjs.org/guide/databinding完成此操作。

假设你有一个简单的Controller，它有要显示的主要数据，然后是一个收集用户正在添加的变量。

app.controller = function($scope) {
   $scope.data = [1,2,3,4];
   $scope.data2 = new Array();

   $scope.add = function(item) {
       $scope.data2.push(item);
   };
};

现在在视图中显示它们很简单

<tr ng-repeat="item in data">
  <td ng-click="add(item)">{{ item }}</td>
</tr>

...

<tr ng-repeat="item2 in data2">
  <td>{{ item2 }}</td>
</tr>

如果有任何新项目添加到data2数组，双向绑定将自动重新运行ng-repeat。

将选定的值列表从一个列表显示到另一个onjlick的angularjs中

1 个答案: