javascript - Angular 的第三级点表示法？

Question

我对 Angular 相当陌生，在尝试查找有关如何访问第三级 Controller 的信息时我正在失去理智。下面您将看到我的代码的简化版本。我希望表达式解析为“2”。相反，它什么也不产生。

否则我的代码工作正常。例如，当我使用 thisDatasheet.settings 时，页面会按预期呈现数组...我只是无法访问该孙级。

奇怪的是，在我的代码的其他地方，当我有内部循环时，我可以通过引用父循环来访问第三层。我需要做某种包装吗？我不想无缘无故地将其包装在外循环中......这对我来说似乎有点困惑。

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

提前致谢!

{"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"
      }
  }
]}

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