使用对象值字符串问题的下拉列表填充

Question

我有来自对象数组的数据，每个对象都有3个属性：

将此代码放入范围变量中，以便可以在视图中使用。

            angular.forEach(result.updatedItems, function (attr) {
                $scope.suppList = attr.name;
                var test = "";
            });

我现在正在尝试访问此文本值列表并将其放在下拉菜单中：

<ul class="dropdown-menu" style="width:100%">
     <li data-ng-repeat="name in suppList track by $index" style="width:100%">{{name}}</li>
</ul>

但是下拉的结果只显示了应该显示的文本的第一个字母：

我做错了什么以及如何解决？

Answer 1

您正在循环遍历字符串而不是数组...执行以下更改：

CONTROLLER：删除循环angular.forEach并将整个列表绑定到$ scope

$scope.suppList = result.updatedItems;

HTML ：使用ng-repeat

循环遍历列表

<ul class="dropdown-menu" style="width:100%">
     <li ng-repeat="supp in suppList track by $index">{{supp.name}}</li>
</ul>