2016-11-10 51 views
0

我有这样的事:Angularjs如何显示列表框中选定行的隐藏数据?

一张表,数据更多的学生......内容是ID,姓名,姓氏和从.....现在我添加了一个新的类到项目.. 。其所谓的BankAccount

学生可以有0个或多个账户......

,我加入他们的数据绑定过程中对学生...

现在我想选择一个学生,并显示他(如果有的话)在同一页上的列表框中的帐户...到目前为止,我有这样的代码:

与学生的表...

<table border="1" name="tableStud" arrow-selector> 
     <tbody> 
      <tr> 
       <td>ID</td> 
       <td>First Name</td> 
       <td>Last Name</td> 
       <td>From</td> 
      </tr> 

      <tr ng-repeat="student in result" 
       ng-class="{'selected':$index == selectedRow}" 
       ng-click="setSelected(student,$index)"> 
       <td>{{ student.id }}</td> 
       <td>{{ student.firstname }}</td> 
       <td>{{ student.lastname }}</td> 
       <td>{{ student.mestorodjenja.ime }}</td> 

      </tr> 

     </tbody> 
    </table> 


<select ng-model="student.accounts" multiple="multiple" 
       ng-options="account.name for account in student.accounts track by account.id" 

     > 
     </select> 

在CONTROLER我得到这个:

$scope.setSelected = function(student, index) { 
    $scope.student = student; 
    $scope.selectedRow = index; 
}; 

现在的问题是,我的列表框显示所选学生账户.. ..但他们都选择了,一旦我按其中之一,其他人消失,而按下的一个仍然选择....

最重要的是,一旦我继续到另一名学生,并且回来......所有消失的账户都回来了米列表框仍然失踪....和旧的也选择...

到底我的问题是:

是否有可能只选择学生,并显示他的账户在列表框没有被选中....并没有消失后,我按他们......?

Thx提前!

+0

似乎罚款https://jsfiddle.net/twizzlers/pp3b0egh/2/ –

+0

没有它不一样的....我的学生有一个以上的ACC – newbie

回答

1

只需替换您选择的学生的变量。像:

$scope.setSelected = function(student, index) { 
    $scope.selectedstudent = student; 
    $scope.selectedRow = index; 
}; 

HTML:

<select ng-model="student.accounts" multiple="multiple" 
      ng-options="account.name for account in selectedstudent.accounts track by account.id" 

    > 
    </select> 
+0

秒...我会试试 – newbie

+0

thx man it works! – newbie