AngularJS-在JSON选择器中使用变量名
AngularJS - Using variable name in JSON selector
我有一个使用angularjs的表,我想在其中循环通过一个数组来打印json对象的特定标头。头打印得很好,但当我尝试使用嵌套ng repeat中的一个变量作为json选择器时,问题就来了。如果你用下面的注释部分替换内部的ng repeat,它就会起作用。
表:
<table>
<thead>
<th ng-repeat="column in tableHeader">{{column}} <a ng-click="sort_by(column);"><i class="glyphicon glyphicon-sort"></i></a></th>
</thead>
<tbody>
<tr ng-repeat="data in filtered>
<td ng-repeat="column2 in tableHeader">{{data.column2}}</td>
<!-- <td>{{data.Environment}}</td>
<td>{{data.HostIP}}</td>
<td>{{data.ServiceName}}</td>
<td>{{data.Status}}</td>
<td>{{data.StartTime}}</td>
<td>{{data.Capacity}}</td>
<td>{{data.Txn}}</td>
<td>{{data.Errors}}</td>
<td>{{data.Build}}</td>
<td>{{data.Project}}</td>
<td>{{data.Author}}</td>
<td>{{data.ModifyDate}}</td>
<td>{{data.Port}}</td>
<td>{{data.BasePath}}</td> -->
</tr>
</tbody>
</table>
位于控制器中的阵列:
$scope.tableHeader = ['Environment', 'HostIP', 'Status', 'ServiceName', 'StartTime', 'Capacity', 'Txn', 'Errors', 'Build', 'Project', 'Author', 'ModifyDate', 'Port', 'BasePath'];
我想您正在寻找{{data[column2]}}
。由于column2
只是所需属性的字符串值,因此在本例中,将data
视为关联数组,以获取要显示的属性。
column2
是由ng-repeat
创建的,正是您想要的。注{{column2}}
:
<td ng-repeat="column2 in tableHeader">{{column2}}</td>
相关文章:
- AngularJS-在JSON选择器中使用变量名
- 通过Ember颜色选择器更新SCSS变量
- 在我的情况下,使用带有变量失败的 jquery 选择器
- 如何为HTML属性/选择器创建全局名称空间或变量
- 从Function触发JQuery UI日期选择器,并将日期存储到变量中
- 连接变量 + 选择器
- 如何在日期选择器中的单独变量中获取日期月份和日期
- 在 Jquery 中更改变量选择器的属性
- 如何刷新存储和快照的 jquery 选择器变量
- 如何组合Datepicker&一个变量中的时间选择器
- AngularUI日期选择器将变量传递给minDate和maxDate
- 包含HTML的变量上的jQuery选择器
- 淡入,变量作为选择器
- jQuery选择元素类中的一个特定元素,变量作为选择器
- jQuery:使用动态生成的变量作为选择器,将JSON输入追加为内容
- JQuery引用变量带有选择器,数据错误
- Jquery selectbox删除所有选项,除了两个(选择器变量名)
- 当使用变量作为选择器时,值变为未定义
- Jquery元素类型和类名选择器
- 连接变量作为选择器不起作用(Javascript/Jquery)