打印dd中DT標籤角的JS數據

Question

我有這樣的角度JS一些數據：

controller.js

someControllers.controller('viewDetail',function($scope){ 
     $scope.list = [{ 
      "id":"1", 
      "first_name":"Super", 
      "last_name":"Admin", 
      "email":"superadmin@123.com", 
      "status":"1", 
      "is_superadmin":"1" 
     }]; 
    }); 

現在我想打印這個數據到我的看法以這種方式

view.html

<dl> 
    <dt>id</dt> 
    <dd>1</dd> 
    <dt>first_name</dt> 
    <dd>super</dd> 
    <dt>last_name</dt> 
    <dd>Admin</dd> 
    <dt>email</dt> 
    <dd>superadmin@123.com</dd> 
</dl> 

等等......

請告訴我我該如何做到這一點。 ng-repeat不適用於我。

注意：
json對象的內容可能是動態的。

Answer 1

首先，你需要分配到JSON對象，而不是$範圍直接

someControllers.controller('viewDetail',function($scope){ 
     $scope.list = [{ 
      "id":"1", 
      "first_name":"Super", 
      "last_name":"Admin", 
      "email":"superadmin@123.com", 
      "status":"1", 
      "is_superadmin":"1" 
     }]; 
    }); 

而該對象上使用ng-repeat。

<dl ng-repeat="item in list"> 
    <dt>id</dt> 
    <dd>{{item.id}}</dd> 
    <dt>first_name</dt> 
    <dd>{{item.first_name}}</dd> 
    <dt>last_name</dt> 
    <dd>{{item.last_name}}</dd> 
    <dt>email</dt> 
    <dd>{{item.email}}</dd> 
</dl> 

UPDATE：

如果JSON字段是通過每個JSON對象還未知迴路。

<div class="boredered-box" ng-repeat="item in list"> 
     <dl ng-repeat="(key,value) in item"> 
     <dt>{{key}}</dt> 
     <dd>{{value}}</dd> 
     </dl> 
    </div> 

Plnkr Link