0
DropDownList 

fue creado por el framework

@Html.DropDownList("IdPais", null, "Seleccione un país", htmlAttributes: new { @class = "form-control", id = "SelectPais", onchange = "SelPais()" })

este forma me envia el id que necesito al controlador. el problema es de como enviar cuando utilizo angular ?

<div class="col-lg-10">
    <select class="form-control" id="SelectDepa" onchange="SelDepa()">
        <option value="">seleccione Departamento</option>
        <option ng-repeat="item in myDataDepa" ng-value="item.IdDepartamento">{{item.Nombre}}</option>
    </select>
</div>

mi controlador

  public ActionResult Imprimir(Parameters parametros)
        {
//**
}

mi modelo

public class Parameters
    {
        public int IdPais { get; set; }
        public int IdDepartamento { get; set; }
}
2
  • 1
    angularjs y angular4 no es lo mismo. Pudieras especificar cual de los 2 exactamente?
    – Einer
    Commented el 29 ene. 2018 a las 14:09
  • exactamento AngularJS v1.0.8
    – user63489
    Commented el 29 ene. 2018 a las 14:18

1 respuesta 1

2

Utiliza la directiva ngOptions para asignar los valores a un select. A esto se le asigna un ngModel que se le asignara el objeto del valor seleccionado en el select:

angular.module("app",[])
.controller("ctrl",function($scope, $http){

  $scope.myDataDepa = [
    { IdDepartamento: 1, Nombre: "Departamento 1" },
    { IdDepartamento: 2, Nombre: "Departamento 2" },
    { IdDepartamento: 3, Nombre: "Departamento 3" }
  ];
  
  $scope.departamento = {};
  $scope.guardar = function(){
    console.log($scope.departamento);
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
    <select ng-options="departamento.Nombre for departamento in myDataDepa" ng-model="departamento">
    </select>
    
    <input type="button" ng-click="guardar()" value="Guardar" />
</div>

Nota como al presionar guardar se imprime el valor seleccionado. Ahora solo tendrias que enviar esos valores por ajax utilizando el servicio $http. Por ejemplo:

$http.post("url", $scope.departamento).success(function(response){
   // respuesta del servidor.
});
2

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.