Javascript 在嵌套的ng Repeat Angularjs中重复父行?

Javascript 在嵌套的ng Repeat Angularjs中重复父行?,javascript,angularjs,angularjs-ng-repeat,Javascript,Angularjs,Angularjs Ng Repeat,我有一个显示嵌套ng重复值的表。HTML如下所示 <table class="table"> <thead class="bgThead"> <tr> <th>Environment</th> <th>Configurations</th>

我有一个显示嵌套ng重复值的表。HTML如下所示

<table class="table">
             <thead class="bgThead">
                <tr>
                    <th>Environment</th>
                    <th>Configurations</th>
                    <th>Servers</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="environment in serverList.environments" ng-class-odd="''" ng-class-even="'dataTableOdd'">
                    <td>{{environment.Environment}}</td>
                    <td ng-repeat="servertypeinfo in environment.ServerTypeInfo">{{servertypeinfo.Type}}</td>
                    <td ng-repeat="servertypeinfo in environment.ServerTypeInfo">
                        {{servertypeinfo.ServerConfigInfo.length}}

                        <td ng-repeat="servers in servertypeinfo.ServerConfigInfo">{{servers.ServerName}}</td>
                    </td> 
                </tr>
            </tbody>
        </table> 

环境
配置
服务器
{{environment.environment}
{{servertypeinfo.Type}
{{servertypeinfo.ServerConfigInfo.length}
{{servers.ServerName}
现在,当child ng repeat中有多个值时,TDs会被重复,相反,我希望整行都被重复,除了新的children值之外,其他值都相同。进一步嵌套的ng重复也是如此。我猛击了一下,这表明了我的目标


使用如下格式

 <tbody>
  <tr ng-repeat="environment in serverList.environments" ng-class-odd="''" ng-class-even="'dataTableOdd'">
     <td>
       <table>
         <tr ng-repeat="servertypeinfo in environment.ServerTypeInfo">
            <td>{{environment.Environment}}</td>
            <td>{{servertypeinfo.Type}}</td>
            <td>
                {{servertypeinfo.ServerConfigInfo.length}}

                <td ng-repeat="servers in servertypeinfo.ServerConfigInfo">{{servers.ServerName}}</td>
            </td> 
         </tr>
       </table>
     </td>
  </tr>
</tbody>

{{environment.environment}
{{servertypeinfo.Type}
{{servertypeinfo.ServerConfigInfo.length}
{{servers.ServerName}

没有表格的示例可能不是您想要的

<div class="form-group" ng-repeat="environment in serverList.environments track by $index">
    <div class="col-md-4">
        <span ng-bind="environment.environment"></span>
    </div>
    <div class="col-md-8">
        <ul class="list-group">
            <li id="{{$index}}" ng-repeat="servertypeinfo  in environment.serverTypeInfo track by $index">
                Server Type: <span style="font-size: 16px;" class="no-margin" ng-bind="servertypeinfo.type">{{servertypeinfo.serverConfigInfo.length}}</span>
                <p class="no-margin" ng-repeat="server  in servertypeinfo.serverConfigInfo">
                    Server Name: {{server.serverName}}
                </p>
            </li>
        </ul>
    </div>
</div>

  • 服务器类型:{{servertypeinfo.serverConfigInfo.length}

    服务器名称:{{Server.serverName}}