Question

我对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>

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

如果您只打算在每张纸上设置一组设置。

带角度的三级点符号？

1 个答案: