2015-11-06 47 views
0

我有我想在Angular中顯示的JSON信息,但是,當我嵌套ng-repeat時,數據不顯示。ng-repeat視圖顯示不對應於JSON數據

JSON文件(index.json.jbuilder)

json.array! @devices do |device| 
    json.array! device.employees do |employee| 
     json.id device.id 
     json.bfid device.bfid 
     json.serial_number device.serial_number 
     json.device_type device.device_type 
     json.make device.make 
     json.model device.model 
     json.year device.year 
     json.description device.description 
     json.purchase_price device.purchase_price 
     json.damage device.damage 
     json.first_name employee.first_name 
     json.last_name employee.last_name 
    end 
    end 

角文件(index.html.erb)

<tr ng-repeat="device in devices | orderBy:sortType:sortReverse | filter:search"> 
    <tr ng-repeat="employee in devices.employees"> 
    <td>{{ device.bfid }}</td> 
    <td>{{ device.serial_number }}</td> 
    <td>{{ device.device_type }}</td> 
    <td>{{ device.make }}</td> 
    <td>{{ device.model }}</td> 
    <td>{{ device.year }}</td> 
    <td>{{ device.description }}</td> 
    <td>{{ device.purchase_price }}</td> 
    <td>{{ device.damage }}</td> 
    <td>{{ employee.first_name }}</td> 
    <td>{{ employee.last_name }}</td> 
    <tr> 
<tr> 

http://postimg.org/image/hnfrv6mkf/

+0

如果你刪除這整段代碼,它的工作? | orderBy:sortType:sortReverse – Rodmentou

+0

沒有同樣的事情。它不顯示 – khoamle

+0

應該是 –

回答

0

好吧,所以我把它做成了一個數組。現在角度我只用一個ng-repeat。

json.array! @devices do |device| 
    json.first_name device.employees[0].first_name 
    json.last_name device.employees[0].last_name 
end 
1

在內部使用的是NG-重複錯誤的對象:它應該是device.employees(單數)而不是devices.employees

<tr ng-repeat="employee in device.employees"> 
+0

我將其更改爲device.employees,仍然沒有顯示。 – khoamle

+0

嘗試從一個簡單的'>​​{{device.bfid}}'如果它的工作逐漸添加東西。 –

+0

沒有device.employees,它工作正常。當我嵌套ng-repeat時,它不顯示任何東西。 – khoamle