How to get the indexOf from a filled list in the change of a select using angularjs ng-options

Question

How to get the indexOf from a filled list in the change of a select using angularjs ng-options

Navigation

#1 by (0 votes)

1

How do I get the indexOf of a selected item in my select ?

Html

<div class="row container">
    <div class="col s12 ">
        <h4>Cadastrar Pedido</h4>
    </div>
    <form class="" name="formulario">
         <div class="row">
            <div class="input-field col s6 m6 l6">
                <i class="material-icons prefix">store</i>
                <select ng-controller="ListaProdutos"
                        ng-model="pedido.ProdutoId"
                        ng-options="prod.Id as prod.NomeProduto for prod in ListaProdutos"
                        ng-change="MostraQuantidade(ListaProdutos.indexOf(prod))" material-select>
                    <option value="">Selecione um produto</option>
                </select>
                <label for="inputLoja">Produto</label>
            </div>

            <div class="input-field col s2 m2 l2">
                <i class="material-icons prefix">store</i>
                <input id="inputQtd" type="number" class="validate" name="Qtd" ng-model="pedido.Qtd" min="0" max="">
                <label for="inputLoja">Qua</label>
            </div>
            <div class="input-field col s2 m2 l2">
                <a class="btn-floating btn-large waves-effect waves-light red"><i class="material-icons">add</i></a>
            </div>
        </div>
    </form>
</div>

Controller

angular.module("modaFeminina").controller("PedidoController", function ($scope, $http, $base64) {

    $scope.pedido = {}

    $scope.submeter = function () {
        var teste = $scope.pedido;
    }


}).controller("ListaProdutos", function ($scope, $http) {

    $scope.ListaProdutos = [];

    $http.get("/Produto/Listar").success(function (produtos) {
        $scope.ListaProdutos = produtos;
    })
    .error(function () {

    });

    $scope.MostraQuantidade = function (value) {

        var index = value;

    }
});

angularjs

asked by anonymous 13.07.2016 / 21:12

1 answer

Linked Server Optimization SQL Server Eclipse project migration for Android Studio - FATAL EXCEPTION

score 0 · Answer 1

Within ng-options you should include indexOf with the value of your array exhange ng-options="produtos.indexOf(prod) as prod.NomeProduto for prod in produtos" done that ng-model value becomes array index

Follow the code that I installed and hopefully helped

<!DOCTYPE html>
<html lang="en-US">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script><body><divng-app="myApp" ng-controller="ctrl">   
     <select 
                        ng-model="ProdutoId"
                        ng-options="produtos.indexOf(prod) as prod.NomeProduto for prod in produtos"
                        ng-change="MostraQuantidade(ProdutoId)" material-select>
                    <option value="">Selecione um produto</option>
      </select>  
</div>

<script>
angular.module('myApp', []).controller('ctrl', function($scope) {

   $scope.produtos = [
        {Id: 1, NomeProduto: 'produto1'},
        {Id:2 , NomeProduto:'produto2'}
    ];

    $scope.MostraQuantidade = function (index) {
        console.log(index);
    }
});

</script>

</body>
</html>