Question

我想要在Angular中显示JSON信息，但是，当我嵌套ng-repeat时，数据不会显示。

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

Angular File（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/

Answer 1

在内部ng-repeat中你使用了错误的对象：它应该是device.employees（单数）而不是devices.employees：

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

Answer 2

好的，所以我把它变成了一个阵列。现在角度我只使用一个ng-repeat。

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

ng-repeat视图显示与JSON数据不对应

2 个答案: