如何修复 $scope 选择选项数组中未定义的结果？

Question

我正在使用 AngularJS 并尝试使用包含在数组中的选项设置一个选择 dropbox 字段，并由最终用户通过输入框添加。我将 $scope 成功添加到数组中，但下拉选择框只显示所有选项的“未定义”。

我一直在寻找类似的答案，但没有一个具体解决我的错误是什么，或者正在使用 Angular 2+ 没有帮助。

<select class="form-control" id="maidOfHonor" ng-model="name"

        ng-options="names.value as names.value for name in names">

</select>

$scope.names = [

    {

        name: "Position Not Filled",

        value: "Position Not Filled"

    }

];

$scope.addName = function() {

    $scope.names.push({ name: this.party.addName, value: this.party.addName });

    console.log($scope.names);

}

理想情况下，我希望通过 $scope.addName() 函数添加的任何“名称”作为值或名称添加到下拉选择框中，而不是 undefined。

Answer 1

你可以试试ng-repeat哪个比ng-options