1

Olá!

Tenho estes radio buttons:

  <div class="row" ng-controller="GetDados">
            <div class="col-lg-10 col-lg-offset-5">
                <label class="radio-inline">
                  <input type="radio" name="optradio" ng-bind="pizza">Pizza
                </label>
                <label class="radio-inline">
                  <input type="radio" name="optradio" ng-bind="barras">Barras
                </label>
            </div>
        </div>

essa é a ideia..

edit:

O que preciso é que quando escolher um radio button o angular execute uma ação, como exibir um gráfico através do $scope

edit:

Tentei isto, deu certo:

<div class="row" ng-controller="GetDados">
            <div class="col-lg-10 col-lg-offset-5">
                <label class="radio-inline">
                  <input type="radio" name="optradio" ng-click="pizza()" >Pizza
                </label>
                <label class="radio-inline">
                  <input type="radio" name="optradio" value="barra()" >Barras
                </label>
            </div>
        </div>



app.controller('GetDados', function($scope, $http){

    $http.get('http://localhost/api/v1/index.php/dados').
        success(function(data){
        $scope.dados = data;
    });    

    $scope.pizza = function() {
        console.log("oi");
    } 
});
5
  • Qual erro mostra no console? Formate sua pergunta, tem uma parte do código que saiu errado Commented 17/05/2016 às 17:38
  • Pergunta editada
    – novato
    Commented 17/05/2016 às 17:43
  • Por que você não usa o ng-Click e coloca sua função para ser executada? Commented 17/05/2016 às 17:54
  • foi o que tentei...
    – novato
    Commented 17/05/2016 às 18:10
  • "Tentei isto, deu certo:". Então ta bom. Porque está perguntando? Commented 18/05/2016 às 20:03

1 Resposta 1

0

Você pode usar uma só função no ng-click e verificar qual radio foi clicado através do $scope desta forma:

<div class="row">
        <div class="col-lg-10 col-lg-offset-5">
            <label class="radio-inline">
              <input type="radio" name="optradio" ng-model="escolha" value="pizza" ng-click="getInfo()">Pizza
            </label>
            <label class="radio-inline">
              <input type="radio" name="optradio" ng-model="escolha" value="barras" ng-click="getInfo()">Barras
            </label>
        </div>
    </div>

no controller ficaria mais ou menos assim:

app.controller('GetDados', function($scope, $http){
    $scope.getInfo = function(){
        $http.get('http://localhost/api/v1/index.php/dado').then(function(data){
            console.log(data);
            if($scope.escolha == "pizza"){
                console.log($scope.escolha);
            }
            else{
                console.log($scope.escolha);
            }               
        }, function(err){
            console.log(err);
        });
    }
} );

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .