angularjs - ng-options 抛出 object Object 作为结果

Question

我正在尝试创建一个下拉列表，但是，用户单击文本框后显示的结果是：

Seleccione Impuestos de Compra
[object Object]
[object Object]

这是我的<DIV>：

                        <div class="form-group col-md-6">
                           <label>
                               Impuestos de J5
                           </label>
                           <select ng-options="item for item in impuestos_compra" ng-model="articulo.impuestos_compra"
                                    name="impuestos_compra" class="form-control input-lg" required>
                               <option value="">Seleccione impuesto de compra</option>
                           </select>
                        </div>

这是我的<SCRIPT>：

$scope.articulo.impuestos_compra = $scope.articulo.impuestos_compra.map( function ( impCompra ){
            console.log('dd' , impCompra);
            return impCompra.nombre;
        });

有人可以告诉我我做错了什么以及我错过了什么吗？我对此完全陌生。

提前致谢。

Answer 1

var app=angular.module('myApp',[]);
app.controller('myCtrl',function($scope){

$scope.articulo={
impuestos_compra:[1,2,3,4,5]
}; 


});

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.min.js"></script>
<div ng-app="myApp">
<div class="form-group col-md-6" ng-controller="myCtrl">
<label>Impuestos de J5</label>
<select  ng-model="slectedItem" name="impuestos_compra" class="form-control input-lg" ng-options="item for item in articulo.impuestos_compra" required ng-change="selectChange()">
<option value="">Seleccione impuesto de compra</option>

</select>
<p>{{slectedItem}}</p>
</div>
</div>