簡單渲染angularjs範圍數據在angularjs控制器內部的視圖

我有一些僞數據簡單渲染angularjs範圍數據在angularjs控制器內部的視圖

$scope.someData = { 
     "A": "AAAA", 
     "B": "BBBB", 
     "C": "CCCC" 
};

從我的視圖（其是有界的需要將呼叫上述控制器的路由）

<li class="animate-repeat" ng-repeat="data in someData"> 
    {{data.A}} | {{data.B}} | {{data.C}}  
</li>

I」 m得到渲染視圖

| | |

，但是當我看到有batarang Chrome擴展，我能夠看到這個範圍的數據低谷這個插件

Models for (4) 
{ 
    data: AAAA 
} 
Models for (5) 
{ 
    data: BBBB 
} 
Models for (6) 
{ 
    data: CCCC 
}

來源

2014-11-20 user1765862

您遍歷一個對象，而不是一個數組。因此，在ng-repeat範圍內，您有「數據」，然後保存每次迭代的值（AAAA，BBBB，CCCC）。您應該可以將虛擬數據更改爲包含一個對象的數組。

function MyCtrl($scope) { 
    $scope.someData = [{ 
     "A": "AAAA", 
     "B": "BBBB", 
     "C": "CCCC" 
    }]; 
} 

<div ng-controller="MyCtrl"> 
    <li class="animate-repeat" ng-repeat="data in someData"> 
    {{data.A}} | {{data.B}} | {{data.C}}  
    </li> 
</div>

輸出：

AAAA | BBBB | CCCC

來源

2014-11-20 21:08:05 JimL

也許這會導致所希望的解決方案：

<li class="animate-repeat" ng-repeat="(key,value) in someData" > 
{{key}} | {{value}} 
</li>

來源

2014-11-20 21:09:59

簡單渲染angularjs範圍數據在angularjs控制器內部的視圖

回答

相關問題