javascript - 带 Angular 第三级点符号？

Question

我是 Angular 的新手，我正在努力寻找有关如何访问 Controller 第三级的信息。下面您将看到我的代码的简化版本。我希望表达式解析为“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>

Answer 1

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

thisDatasheet.settings[0].bottomcolumns

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

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

如果您只计划在每张纸上设置一组设置。