選擇角度鴕鳥政策顯示結果

我有一個角應用whre我想要得到的結果爲select，所以我把它作爲：選擇角度鴕鳥政策顯示結果

HTML

<div class="col-xs-12 col-sm-6 col-md-4"> 
    <div class="form-group"> 
    <label>Register: </label> 
    <select class="form-control" ng-options="item.Nombre for item in GetCatalogoPadre"></select> 
    <br /> 
    </div> 
</div>

AngularCtrl

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

控制器

namespace PortalDeTransporte.Web.Controllers 
{ 
    //[Authorize]  
    [RoutePrefix("api/Catalogo")] 
    public class CatalogoRegistroController : ApiControllerBase 
    { 


    [System.Web.Http.AllowAnonymous] 
    [System.Web.Http.HttpGet] 
    [Route("GetCatalogoPadre")] 

    public HttpResponseMessage GetCatalogoPadre(HttpRequestMessage request) 
    { 
    //some code there for get results 
    } 

      return response; 
     }); 
    } 
    }

東西交流中心那裏發生，如果我試圖讓使用郵遞員與像GET操作結果：

http://localhost:55720/api/Catalogo/GetCatalogoPadre

我得到正確的結果爲：

{ 
     "ID": "1", 
     "Codigo": "BMX", 
     "Nombre": "BANAMEX", 
     "Padre": 0, 
     "Catalogo": "BAN" 
    }, 
    { 
     "ID": "2", 
     "Codigo": "KNW", 
     "Nombre": "KENWORTH", 
     "Padre": 0, 
     "Catalogo": "MAR" 
    },

但它們不出現成選擇列表，有人可以在代碼中查看錯誤嗎？問候

來源

2017-07-04 Ledwing

它應該是，

<select class="form-control" ng-options="item.Nombre for item in Catalogos "></select>

也確保您正在呼籲ng-init

<div class="form-group" ng-init="cargarCatalogo()"> 
    <label>Register: </label> 
    <select class="form-control" ng-options="item.Nombre for item in Catalogos"></select> 
    <br /> 
    </div>

DEMO

var myApp=angular.module('myApp',[]); 
 
myApp.controller('thecontroller',function($scope){ 
 
     $scope.cargarCatalogo = function(){ 
 
      $scope.catalogos = [{ 
 
     "ID": "1", 
 
     "Codigo": "BMX", 
 
     "Nombre": "BANAMEX", 
 
     "Padre": 0, 
 
     "Catalogo": "BAN" 
 
    }, 
 
    { 
 
     "ID": "2", 
 
     "Codigo": "KNW", 
 
     "Nombre": "KENWORTH", 
 
     "Padre": 0, 
 
     "Catalogo": "MAR" 
 
    }]; 
 
    }; 
 
});

<!DOCTYPE html> 
 
    <html> 
 
     <head> 
 
      <title>ng-Messages Service</title> 
 
      <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script> 
 
      <script src='https://code.angularjs.org/1.5.0-rc.0/angular.min.js'></script> 
 
     </head> 
 
     <body ng-app="myApp"> 
 
      <div ng-controller='thecontroller' ng-init="cargarCatalogo()"> 
 
      <div class="col-xs-12 col-sm-6 col-md-4"> 
 
    <div class="form-group"> 
 
    <label>Register: </label> 
 
    <select class="form-control" ng-model="SelectedOption"  ng-options="choice.Codigo for choice in catalogos track by choice.ID">></select> 
 
    <br /> 
 
    </div> 
 
</div> 
 
      </div> 
 
     </body> 
 
    </html>

功能

來源

2017-07-04 18:56:49 Sajeetharan

我改變它就像你說的，但我不得到的結果卻 – Ledwing

你可能需要改變你的功能也爲$ scope.cargarCatalogo =（）函數 – Sajeetharan

但'res.data'得到的結果，因爲我想，爲什麼我會改變它？ – Ledwing

選擇角度鴕鳥政策顯示結果

回答

相關問題