2016-02-22 11 views
1

我有一个空数组使用$ http.get(..)我得到10 JSON对象称为$scope.mobData=[];如何访问来自多个对象中的字段,其是存在于阵列

并被推到阵列成功和每个对象有7个数据,但我只需要两个字段在每个对象中称为brandCode和brandName,它可以在所有10个对象中使用。但在我的UI部分我不能够显示我的品牌名称和品牌代码数据,这是我的html代码

<table > 
      <thead> 
       <th>BrandCode</th> 
       <th>BrandName</th> 
       <th>Action</th> 
      </thead> 

      <tbody> 
      <tr ng-repeat="mobData in mobDatas"> 
       <td>{{mobData[index].brandCode}}</td> 
       <td>{{mobData[index].brandName}}</td> 
       <td> 
       <button type="button" class="button button-positive" ng-click="editMobData(mobData)">Edit</button> 
       <button type="button" class="button button-assertive" ng-click="deleteMobData(mobData)">Delete</button> 
       </td> 
      </tr> 
      </tbody> 
</table> 

当我使用{{mobData[o].brandCode}}我能够查看数据,但没有使用暴徒[0]我无法查看我的数据。并且我也试过这个{{mobData.brandCode}}我无法查看我的数据

+0

你能提供你的json对象代码 – Rahul

+0

在表达式中不需要'[index]'。 – Mahmoud

+0

s没有使用它我怎么告诉用户界面从哪个对象它应该打印brandCode有10个对象从哪个对象它将打印mobData.brandCode –

回答

0

mobData是对象,并且您使用索引器的方式使用它,但您可能需要直接访问属性。此外,如果您的收藏名称是mobData,那么ng-repeat将在mobData而不是mobDatas

我已经做了现场演示,其中包含字段brandCode和brandName的对象数组。我用ng-repeat中的$ scope中的数组来渲染表格行,就像你在问题中所做的那样。

Live Demo

<tr ng-repeat="mobDataObj in mobData"> 
     <td>{{mobDataObj.brandCode}}</td> 
     <td>{{mobDataObj.brandName}}</td> 

注意,你必须设置的角度初始状态。

app = angular.module('aaa', []); 
app.controller('ccc', function($scope) { 
$scope.mobData = [{brandCode: 'brand code 1', brandName: 'Brand Name 1'}, 
       {brandCode: 'brand code 2', brandName: 'Brand Name 2'}, 
       {brandCode: 'brand code 3', brandName: 'Brand Name 3'}]; 

}); 
+0

我试过,但没有奏效,请检查我的更新问题 –

+0

与尝试我更新的答案,在ng-repeat中的收集可能是mobData not mobDatas – Adil

+0

我没有得到的值 –

0

做到这一点的方法:

<td>{{mobData.brandCode}}</td> 
<td>{{mobData.brandName}}</td> 

你不需要$index,因为你已经有mobData是相同mobDatas[$index]

+0

其实我试过这种方式,请检查我的更新后的问题 –

+0

https:// plnkr。co/edit/p6zQcDbBkceP1SINtJ4B?p = preview –

0

你结合似乎是错误的,它应该像

{{mobData.brandCode}} 
{{mobData.brandName}} 
+0

我试过但我无法查看它我认为我们应该提及brandCode和brandName的索引 –

+0

你可以发布你的json吗? – Dario

+0

我在评论中附加了我的plunknur,请查看 –

相关问题