Javascript 如何使用angularjs动态加载html表中的嵌套数组属性？

这是我尝试过的代码，但是只有cardno和cardtype的值，为什么我不能访问其余的值？有什么建议吗

<tr ng-repeat="data in myData17.layouts">
  <td ng-show="$index==1">{{data.name}}</td>
  <td ng-show="$index==1">
    <table>
      <tr ng-repeat="card in data.cards">
        <td>{{card.cardNo}}</td>
      </tr>
    </table>
  </td>
  <td ng-show="$index==1">
    <table>
      <tr ng-repeat="card in data.cards">
        <td>{{card.cardType}}</td>
      </tr>
    </table>
  </td>
  <td ng-show="$index==1">
    <table>
      <tr ng-repeat="card in data.cards.ports">
        <td>{{card.portNo}}</td>
      </tr>
    </table>
  </td>
  <td ng-show="$index==1">
    <table>
      <tr ng-repeat="card in data.cards.ports">
        <td>{{card.portName}}</td>
      </tr>
    </table>
  </td>
  <td ng-show="$index==1">
    <table>
      <tr ng-repeat="card in data.cards.ports">
        <td>{{card.portType}}</td>
      </tr>
    </table>
  </td>
  <td ng-show="$index==1">
    <table>
      <tr ng-repeat="card in data.cards.ports">
        <td>{{card.portspeed}}</td>
      </tr>
    </table>
  </td>
  <td ng-show="$index==1">
    <table>
      <tr ng-repeat="card in data.cards.ports">
        <td>{{card["ds-scheduler-node-profile"]}}</td>
      </tr>
    </table>
  </td>
</tr>

---

数据.卡.端口不是一件事

端口属性是一个单数卡，卡是一个数组

必须这样访问它：

data.cards[0].ports

那么，在您的代码中如何构造它呢？您可能需要这样的解决方案（这不是一个精确实现的解决方案，只是一个帮助您以所需方式访问数据的可视指南）

{{data.name}
{{card.cardNo}
{{port.portNo}

---

希望这能让您更好地理解并祝您好运

请检查此解决方案

data.cards[0].ports

<div ng-repeat=“data in myData17.layouts”>
    {{ data.name }}
    <div ng-repeat=“card in data.cards”>
        {{ card.cardNo }}
        <div ng-repeat=“port in card.ports”>
            {{ port.portNo }}
        </div>
    </div>
</div>