javascript - 获取下拉菜单的 Angular 值

Question

我正在使用 Angular 使用 WebApi Asp.Net，我想知道如何使用 select 填充简单的下拉列表

查看:

<select class="form-control input-sm" name="Catalogo" id="Catalogo" ng-change="filtro('Cat')" ng-model="f.Cat">
  <option value="" selected>TODOS</option>
  <option ng-repeat="item in Catalogos" value="{{item.Nombre}}" label="{{item.Nombre}}"></option>
</select>
<br />

Angular Controller :

(function (app) {
    'use strict';

    app.controller('catalogosGenericosCtrl', catalogosGenericosCtrl);

    catalogosGenericosCtrl.$inject = ['$scope', 'apiService', 'notificationService', '$rootScope', '$location', '$http', '$state'];

    function catalogosGenericosCtrl($scope, apiService, notificationService, $rootScope, $location, $http, $state) {
        if ($rootScope.Usuario.TipoPerfil != 'Administrador')
            $state.go("root.dashboard");
        $scope.loadingConductores = true;
        $scope.usuario = {};
        $scope.usuario.Origen = 'Web'
        $scope.usuario.Version = $rootScope.VersionWeb;
        $scope.page = 0;
        $scope.pagesCount = 0;
        $scope.Catalogos = [];
        cargarCatalogo();



        function cargarCatalogo() {
            apiService.get("../../api/Catalogos/", null,
                function (res) {
                    $scope.Catalogos = res.data.Nombre; 
                },
                errorCatalogo);
        }

        function errorCatalogo(res) {
            bootbox.alert("Error al cargar el catalogo" + res.data);
        }
    }

})(angular.module('myPortal'));

console.log(res.data) 获取 10 个不同的值，例如:

CatalogoPadreId:0
ID:"BAN"
Nombre:"BANKS"

从那里我只想将“Nombre”值放入`res.data;，chrome控制台不显示任何错误，并且我的下拉列表中没有获得任何值，如何将Nombre值放入我的下拉列表中？我的代码有什么问题？

Answer 1

使用 ng-options 而不是 ng-repeat，

 <select ng-change="filtro(selected)" ng-model="selected" ng-options="item.Nombre for item in Catalogos">
 </select>