Javascript ng在视图中重复显示键值

Javascript 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

我想显示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 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>