打印范围子集

时间:2017-02-05 02:46:10

标签: javascript angularjs html5

我有这个模型和范围

categoria: String,
marca: String,
modelo: String,
tipo: String,
detalle: [{
    codigo: String,
    sn: String,
    proveedor: String,
    de: String,
    ubicacion: String,
    observacion: String,
}]

我需要在我的HTML中打印这个我试过这个但是不起作用:

<div class="table-responsive">
  <table class="table table-hover">
    <thead>
        <th>#</th>
        <th>Codigo</th>
        <th>Categoria</th>
        <th>Detalles</th>
        <th>Eliminar</th>
    </thead>
    <tbody>
        <tr ng-repeat="item in stock">
            <td> </td>
            <td>{{item.detalle.codigo}}</td>
            <td>{{item.categoria}}</td>
            <td><a href="#" ng-click="detailStock(item._id)"><i class="glyphicon glyphicon-pencil"></i></a></td>
            <td><a href="#" ng-click="deleteStock(item._id)"><i class="glyphicon glyphicon-trash"></i></a></td>
        </tr>
    </tbody>
  </table>
</div>

此代码显示我的item.categoria没有问题,但不是item.detalle.codigo 我怎么能在桌子上打印出来?

1 个答案:

答案 0 :(得分:0)

detaille array ,如果您想访问应该执行的第一项,

 <tr ng-repeat="item in stock">
            <td> </td>
            <td>{{item.detalle[0].codigo}}</td>
            <td>{{item.categoria}}</td>
            <td><a href="#" ng-click="detailStock(item._id)"><i class="glyphicon glyphicon-pencil"></i></a></td>
            <td><a href="#" ng-click="deleteStock(item._id)"><i class="glyphicon glyphicon-trash"></i></a></td>
        </tr>

如果你想要在detalle内部的所有物品,你应该将detalle传递给一个函数并制作字符串并将其返回。