如何使用ng-repeat索引动态生成的属性列表?

时间:2017-01-20 07:30:11

标签: javascript angularjs dictionary

所以我有一系列词典。在词典中,它们具有以下属性:

的AttributeName 的AttributeValue 产品名称

但是对于每个字典,我都有动态生成的属性名称。这会为每个属性追加一个索引(AttributeName0,AttributeName1等) 我这样做的原因是因为我使用的是ui-grid,它要求列名是唯一的,以便为我带来的每个字典创建一个新列。

字典看起来像这样(在一个名为resultsToSend的数组中): enter image description here

我正在尝试使用ng-repeat来动态创建使用这些词典的表单:

<div class="row" ng-repeat="result in resultsToSend">
                        <div class="col s2">

                            <md-input-container><label>{{result.AttributeName$index}}</label><input type="number" id="new-day-ARP-input" ng-model="result.AttributeName$index" /></md-input-container>
                        </div>
                        <div class="col s4">
                            <label>Select {{result.ProductName$index}} Material</label>
                            <md-select ng-model="result.ProductName$index}" md-on-close="clearSearchTerm()" data-md-container-class="selectdemoSelectHeader">
                                <md-select-header class="demo-select-header">
                                    <input ng-model="searchTerm" type="search" placeholder="Search For Material..." class="demo-header-searchbox md-text">
                                </md-select-header>
                                <md-option ng-value="{{mat.ID}}" ng-repeat="mat in Materials | filter:searchTerm">{{mat.Name}}</md-option>
                            </md-select>
                        </div>
                    </div>

但是我一直很难找到如何使用结果。(PropertyNameHere)$ index来访问我想要访问的属性。

有人有任何建议吗?

1 个答案:

答案 0 :(得分:1)

请在您的md-select标记中的ng-model中使用{{result.ProductName + $index}}