javascript - 带 Angular 的3级圆点符号？

我是Angular的新手，我想找到有关如何访问控制器第三级的信息的想法使我迷失了方向。在下面，您将看到我的代码的简化版本。我希望该表达式解析为“ 2”。相反，它什么也不会产生。

我的代码可以正常工作。例如，当我改为使用thisDatasheet.settings时，页面将按预期方式呈现数组……我只是无法访问该孙级。

奇怪的是，在代码的其他地方，当我有内部循环时，我可以通过引用父循环来访问第3级。我需要做些包装吗？我讨厌无缘无故地将其包装在外部循环中……对我来说似乎有点混乱。

我确定这里缺少一些基本的实践，而我所做的任何在线教程都没有涉及这些实践。

提前致谢！

{"datasheets":[
  {
    "title":"Thing 1",
    "settings":[
      {
        "topdisplay":"columns",
        "bottomcolumns":"2"
      }
    ]
  },
  {
    "title":"Thing 2",
    "settings":[
      {
        "topdisplay":"stacked",
        "bottomcolumns":"2"
      }
    ]
  }
]}

<div data-ng-repeat="thisDatasheet in datasheets">
  <div class="columns-{{thisDatasheet.settings.bottomcolumns}}">
    My content goes here!
  </div>
</div>

最佳答案

尝试访问thisDatasheet.settings数组对象的[0]元素。

thisDatasheet.settings[0].bottomcolumns

或者，尝试将设置设为常规对象：

{"datasheets":[
  {
    "title":"Thing 1",
    "settings":
      {
        "topdisplay":"columns",
        "bottomcolumns":"2"
      }
  },
  {
    "title":"Thing 2",
    "settings":
      {
        "topdisplay":"stacked",
        "bottomcolumns":"2"
      }
  }
]}

如果仅计划每张纸具有一组设置。

关于javascript - 带 Angular 的3级圆点符号？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28570786/