javascript - AngularJS 可以做到这一点吗？

Question

尝试使用 AngularJS 执行以下代码。到目前为止我得到了这个:

<ul>
 <li ng-repeat='(key,value) in dset'><span>{{key}}</span>
    <li ng-repeat="n in value"> {{ n }}</li> //DOES NOT WORK
 </li>
</ul>

dSet: { "something" : [ "abc, "def" ], "something2": ["abc","blah"] }

基本上我有一张 map >并且想打印它，如下所示:字符串1 列表值1 列表值2 列表值3 ...字符串2 列表值1 列表值2

如果您对如何使其发挥作用有任何想法，请告诉我。

Answer 1

假设你的数据集是...

$scope.dset = {a: [1,2,3], b: [4,5,6]};

如果您希望嵌套列表项，请使用:

<ul>
    <li ng-repeat="(key, val) in dset"><span>{{key}}</span>
        <ul><li ng-repeat="v in val">{{v}}</li></ul>
    </li>
</ul>

如果您希望列表项不嵌套，请使用 ng-repeat-start 和 ng-repeat-end:

<ul>
    <li ng-repeat-start="(key, val) in dset"><span>{{key}}</span>
    <li ng-repeat="v in val" ng-repeat-end>{{v}}</li>
</ul>