如何在AngularJS中使用ng-repeat遍历键和值？

任务是使用ng-repeat指令遍历JS对象(其键和值)。这可以通过使用ng-repeat指令中的括号来明确地向angularJS请求键值对参数来完成。此处，可变键包含对象的键，而值包含对象的值。

句法：

 Contents... 

示例1：在此示例中，我们将使用ng-repeat简单地显示JS对象的所有键和值。在第一次迭代中，键=名称和值=“ GeeksforGeeks”。在第二次迭代中，键=位置和值=“诺伊达印度区136”…如此反复，直到所有键及其值至少被覆盖一次(类似于for-each循环)为止。

• 程序：

    
  
      
      
  
    
  
      
          
              GeeksforGeeks
          
          
              
              
              {{key}} - {{value}}
          
      
  
  
      var myApp = angular.module('myApp', []);
      myApp.controller('MyController', ['$scope', function($scope) {
          $scope.gfg = {
              Name: "GeeksforGeeks",
              Location: "Noida India Sector 136",
              Type: "Edu-Tech",
          }
      }]);
  
    

• 输出：在加载页面时，我们看到对象的所有键值对都已在此处列出。这是因为ng-repeat是在加载HTML时在加载时调用的。
  

示例2：在此示例中，我们将使用ng-repeat指令遍历嵌套对象。在第一个迭代中，键=钻石，值= {硬度：“超硬”，goodFor：“显示，切割”}在下一个迭代中，键=金和值是其各自的对象。这样就像在对象材料的键-值对上的for-each循环一样不断进行迭代。

• 程序：

    
  
      
      
  
    
  
      
          
              GeeksforGeeks
          
          
    
              {{key}}
              
    
                  
                  {{key1}} - {{value1}}
              
          
      
  
  
      var myApp = angular.module('myApp', []);
      myApp.controller('MyController', ['$scope', function($scope) {
          $scope.materials = {
              diamond: {
                  hardness: "Ultra Hard",
                  goodFor: "Display, cutting"
              },
              gold: {
                  hardness: "Hard",
                  goodFor: "Jewelry"
              },
              silver: {
                  hardness: "comparatively soft",
                  goodFor: "Jewelry, Display"
              }
          }
      }]);
  
    

• 输出：