Question

我无法在选择下拉列表中使用ng-repeat从数组中获取值。作为AngularJS的新手，我确定在以下代码中出现过错误：

<select ng-model="selectedItem">
    <option ng-repeat="item in sampleArray" value="{{item['Product Description']}}">{{item['Product Description']}}</option>
</select>

下面是我的数组

 var sampleArray = [{'Vanilla Product Code':'a1','Product Description':'b1'},{'Vanilla Product Code':'a2','Product Description':'b2'}];

任何建议都会受到欢迎。

Answer 1

您应该使用ng-options。

<select ng-model="selectedItem" ng-options="it['Vanilla Product Code'] as it['Product Description'] for it in sampleArray">
</select>

请参阅演示：http://plnkr.co/edit/b4aSjJ?p=info

Answer 2

这很好。

我认为您没有使用sampleArray引用$scope。

Here是JsFiddle

Answer 3

请使用此代码：

<!DOCTYPE html>
    <html>

    <head>
    <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    </head>

    <body>

    <div data-ng-app="" data-ng-init="names=[{'Vanilla Product Code':'a1','Product Description':'b1'},{'Vanilla Product Code':'a2','Product Description':'b2'}]">
      <select ng-model="selectedItem">
        <option ng-repeat="item in names" value="{{item['Product Description']}}">{{item['Product Description']}}</option>
    </select>
    </div>

    </body>
    </html>

ng-repeat不从数组中获取值

3 个答案: