angularjs - 迭代字典中列表中的值以获取关键的 angularjs

Question

我是一个带有字符串键和字符串列表值的字典:

[键1:值1、值2、值3]
[键2:值1]
[键3:值1，值2]

我需要在 Angular js 的导航栏中显示它。

AngularJS View 是:

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" ng-controller="NavCntrl">
    <ul class="nav navbar-nav" ng-repeat="(key, val) in categories">
        <li class="dropdown">
            <a href="#">{{key}}</a>
            <ul class="dropdown-menu">
                <li>
                    <a href="#">{{val}} </a>
                </li>
            </ul>
        </li>
    </ul>
</div>

我能够显示该键，但是每个键的值显示为“['value1',value2]”

我也这样尝试过:

<li class="dropdown">
            <a href="#">{{key}}</a>
            <ul class="dropdown-menu" ng-repeat="value in key" >
                <li>
                    <a href="#">{{value}} </a>
                </li>
            </ul>
        </li>

但是，它显示了一些垃圾值并且不起作用。

请帮忙!

Answer 1

设置类别后，需要将其值转换为数组。字符串有一个 split 方法，这使得这很容易。

$scope.categories={
    key1: 'value1, value2, value3',
    key2: 'value1',
    key3: 'value1, value2'
};
Object.keys($scope.categories).forEach(function(key){
    $scope.categories[key]=$scope.categories[key].split(',');
});
console.log('modified categories',$scope.categories);