使用 NgRepeat 访问匿名数组

Question

我有一个多级数组，其中包含最深层的一些对象。

[  
   [  
      [  
         "FUND",
         {  
            "totassets":10.9,
            "totdate":"2015-03-23",
            "expratiogross":1.35,
            "exprationet":1.08
         }
      ],
      [  
         "DAILY",
         {  
            "navdate":"2015-03-23",
            "nav":10.05,
            "chgamt":0,
            "chgpct":0,
            "pop":10.05,
            "ytdreturn":2.03,
            "curr7dayyield":0,
            "eff7dayyield":0,
            "unsub7dayyield":0,
            "30dayyield":0,
            "30dayloadyield":0
         }
      ]
   ]
]

我想使用 ngRepeat 来显示 "FUND" 或 "DAILY" 中的所有项目，但我不确定如何访问上面每个数组没有名称的这么深的对象。

抱歉，如果这是一个基本问题，但我无法在其他地方找到答案。

Answer 1

您需要获取两个外部数组的第一个元素。

$scope.obj = [  
   [  
      [  
         "FUND",
         {  
            "totassets":10.9,
            "totdate":"2015-03-23",
            "expratiogross":1.35,
            "exprationet":1.08
         }
      ],
      [  
         "DAILY",
         {  
            "navdate":"2015-03-23",
            "nav":10.05,
            "chgamt":0,
            "chgpct":0,
            "pop":10.05,
            "ytdreturn":2.03,
            "curr7dayyield":0,
            "eff7dayyield":0,
            "unsub7dayyield":0,
            "30dayyield":0,
            "30dayloadyield":0
         }
      ]
   ]
]

<ng-repeat el in obj[0][0]>
  <span>totassets: {{el[0].FUND.totalAssets}}</span>
  <span>navdate: {{el[0].DAILY.navdate}}</span>
</ng-repeat>

Answer 2

数组的一个问题是，即使您忽略外部数组，您仍然会留下两个单独的数组：

  [  
     "FUND",
     {  
        "totassets":10.9,
        "totdate":"2015-03-23",
        "expratiogross":1.35,
        "exprationet":1.08
     }
  ],

并且：

  [  
     "DAILY",
     {  
        "navdate":"2015-03-23",
        "nav":10.05,
        "chgamt":0,
        "chgpct":0,
        "pop":10.05,
        "ytdreturn":2.03,
        "curr7dayyield":0,
        "eff7dayyield":0,
        "unsub7dayyield":0,
        "30dayyield":0,
        "30dayloadyield":0
     }
  ]

因此您将需要两个 ngRepeat 块来实现我假设您想要实现的目标，以及 更深一层 以实际访问您想要的值。

这里有一个快速的 plnkr 来演示我的意思：http://plnkr.co/edit/ArCh8q8w2JoXsg107XwP?p=preview

使用 NgRepeat 访问匿名数组

Access anonymous array using NgRepeat

javascript

arrays

object

angularjs

angularjs-ng-repeat