2016-11-10 49 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