Javascript 使用数组和对象重复

Javascript 使用数组和对象重复,javascript,angularjs,arrays,html,angularjs-ng-repeat,Javascript,Angularjs,Arrays,Html,Angularjs Ng Repeat,我有这样一个问题:我想在AngularJs中创建一个包含3列的表。对于每一行,两个数据必须来自一个数组“elencoTransazioni”,该数组由具有两个属性(每个属性为“code”和“desc”)的元素组成,一个数据必须来自一个对象,该对象由不同的值对(如键值)组成,我想在第三列中插入该对象的值。数组的长度与对象的对数相同 我发布了我的代码,这不起作用,因为我管理对象“elencoAbilitazaioni”,就好像它是一个数组 PS 在表中,如果'elencoAbilitazioni'的

我有这样一个问题:我想在AngularJs中创建一个包含3列的表。对于每一行,两个数据必须来自一个数组“elencoTransazioni”,该数组由具有两个属性(每个属性为“code”和“desc”)的元素组成,一个数据必须来自一个对象,该对象由不同的值对(如键值)组成,我想在第三列中插入该对象的值。数组的长度与对象的对数相同

我发布了我的代码,这不起作用,因为我管理对象“elencoAbilitazaioni”,就好像它是一个数组

PS 在表中,如果'elencoAbilitazioni'的值为S,则第3列有一个绿色圆圈图像,如果为N,则必须是一个红色圆圈

这是我的HTML

<form class="form-horizontal" name="SintesiFondiForm" novalidate>
        <div class="panel panel-primary">
            <div class="panel-heading"> Elenco Abilitazioni Utente </div>

            <div class="panel-body" uib-collapse="isCollapsed">
                <div id="table-content" class="col-xs-10 col-xs-offset-1">
                    <table class="table table-condensed table-bordered table-striped">
                        <thead>
                            <tr>
                                <th class="i9fontPre text-center">Codice</th>
                                <th class="i9fontPre text-center">Descrizione</th>
                                <th class="i9fontPre text-center">Abilitata per l'Utente</th>

                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="data in elencoTransazioni">
                                <td class="i9fontPre text-center">{{::data.code}}</td>
                                <td class="i9fontPre text-center">{{::data.desc}}</td>  
                                <td class="text-center"> 
                                    <img ng-src="{{elencoAbilitazioni[$index]==='S' ? '/i9web/mock/circleGreen.png' : '/i9web/mock/circleRed.png'}}">

                            </tr>
                        </tbody>
                    </table>
                </div>      
            </div>
        </div>
    </form>
有人能帮我吗

正如您所说,elencoAbilitazioni不是一个数组,因此无法按位置对其进行索引。我建议您在控制器中“准备”数组elencoTransazioni,在每个对象中放置elencoAbilitazioni的相应信息,如下所示:

var idx = 0;
angular.forEach($scope.elencoAbilitazioni, function (value, key) {
    $scope.elencoTransazioni[idx++].elencoAbilitazioni = value;
}
因此,您可以在代码中直接使用它,如:

<img ng-src="{{data.elencoAbilitazioni==='S' ? ...

试着从插值中删除::谢谢你的回答,但那部分是有效的!这是第三列不能正常工作…这不起作用,因为elencoAbilitazioni[$index]指向的是一个对象而不是一个值。你也可以发布elencoAbilitazioni数组或它的一些存根。这是对象的一个例子,它不是一个数组,我希望它是“elencoAbilitazioni”{'I9WSFONI':'S','I9WSFONI':'S','I9WSSTAA':'S','I9WSSTAI':'N'}
<img ng-src="{{data.elencoAbilitazioni==='S' ? ...