Javascript ng在视图中重复显示键值
我想显示Monday,但使用ng repeat时attr值等于1Javascript ng在视图中重复显示键值,javascript,angularjs,angularjs-ng-repeat,Javascript,Angularjs,Angularjs Ng Repeat,我想显示Monday,但使用ng repeat时attr值等于1 $scope.days = [{ "Mondays": 1 }, { "Tuesdays": 2 }]; 但我得到了整个物体 有什么线索吗?你需要在里面用另一个ng重复 <div ng-controller="MyCtrl"> <span ng-repeat="(key, value) in days"> <span ng-repeat="(key, value) in
$scope.days = [{
"Mondays": 1
}, {
"Tuesdays": 2
}];
但我得到了整个物体
有什么线索吗?你需要在里面用另一个ng重复
<div ng-controller="MyCtrl">
<span ng-repeat="(key, value) in days">
<span ng-repeat="(key, value) in value">
<input type='checkbox' value="{{value}}" check-list='checked_days'> {{key}}
</span>
</span>
</div>
{{key}}
演示
根据您的js小提琴在html中编写--- 你可以找到这样的结果-- js小提琴 两件事- 1) 可以更改对象数组 您的
$scope.days
是一个数组,它应该是对象。
像这样
$scope.days = {
"Mondays": 1
,
"Tuesdays": 2
}
看
2) 如果您不希望更改对象数组,请在其中添加另一个ng repeat
,如下所示。就像提到的@Sajeetharan-
<span ng-repeat="(key, value) in days">
<span ng-repeat="(key, value) in value">
<input type='checkbox' value="{{value}}" check-list='checked_days'> {{key}}
</span>
</span>
{{key}}
这太难看了,也许我需要为对象指定一个属性名。您可以有这样的名称
$scope.days = {
"Mondays": 1
,
"Tuesdays": 2
}
<span ng-repeat="(key, value) in days">
<span ng-repeat="(key, value) in value">
<input type='checkbox' value="{{value}}" check-list='checked_days'> {{key}}
</span>
</span>