How pass select data from View to JS with Angular

Question

I´m working in Angular and I have fields to fill like

I fill my select list as:

   function cargarCatalogo() {
            apiService.get("../../api/Catalogos/",
                null,
                function(res) {
                    //console.log(res.data);.
                    $scope.Catalogos = res.data;
                    $scope.selected = $scope.Catalogos[0];
                },
                errorCatalogo);
        }

I want to know how can I pass selected Value into url in my funcion:

     function actualizar(vehiculo) {
                $scope.vehiculo.Origen = $scope.usuario.Origen;
                $scope.vehiculo.Version = $scope.Version;

                apiService.post("../../api/AddCatalogoRegistro/" + selected.ID,
                    function(res) {
                  // my code

How can I pass that selected value as a selected.ID, chrome console throw me

ReferenceError: selected is not defined

View:

  <select class="form-control" ng-change="filtro(selected)" ng-init="Catalogos[0]" ng-model="selected" ng-options="item.Nombre for item in Catalogos">

  <option></option>
</select>

Can you please provide a working code example on jsFiddle or plnkr? — OB Kenobi
– OB Kenobi, Commented Apr 18, 2017 at 20:25

Pankaj Parkar · Accepted Answer · 2017-04-18 20:19:53Z

2

Use $scope.selected as ng-model value

  <select class="form-control" ng-change="filtro(selected)" 
    ng-init="Catalogos[0]" ng-model="selected" 
    ng-options="item.Nombre for item in Catalogos">

It should solve your problem. And the best practise is to name the controller and use ng-model = "ctrlName.selected"

edited Apr 18, 2017 at 20:19

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

answered Apr 18, 2017 at 20:14

Md Johirul Islam

5,1924 gold badges28 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How pass select data from View to JS with Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related