Javascript 在嵌套的ng Repeat Angularjs中重复父行?
我有一个显示嵌套ng重复值的表。HTML如下所示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>
<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}}