ng重复视图显示与JSON数据不对应

ng-repeat view display not corresponding to JSON data

本文关键字：数据 JSON 视图 显示 ng      更新时间：2023-09-26

我有想要在Angular中显示的JSON信息，但是，当我进行嵌套ng重复时，数据不会显示。

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/

在内部ng重复中，您使用了错误的对象：它应该是device.employees（单数），而不是devices.employees:

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

好的，所以我把它做成了一个数组。现在在angular中，我只使用一个ng重复。

json.array! @devices do |device|
    json.first_name device.employees[0].first_name
    json.last_name device.employees[0].last_name
end
相关文章：