Get clicked element value angular js

Question

I'm new on angularjs. I wrote a code on jquery. But I want to write on angularjs. I want to get clicked element value and data-id. Later I want to insert an input value gotten value. I can get data-id but I cant get button value. I want to convert all jquery to angular. How can I solve?

HTML

<div class="btn-group btn-group-md" id="emlk_d">
    <button type="button" data-switch-set="size" data-switch-value="normal" ng-click="emlk_d_change($event);" class="btn btn-default btn-lg" data-id="2" ng-model="k_1">K_1</button>
    <button type="button" data-switch-set="size" data-switch-value="normal" ng-click="emlk_d_change($event);" class="btn btn-default btn-lg" data-id="1">S_1/button>
</div>

Jquery

$("#emlk_d button").click(function(){
        $(this).addClass('btn-primary').siblings().removeClass('btn-primary');
        var x=$(this).text();
        $('.d_ak').text(x);
        var x=$(this).attr("data-id");
        if(x==2){
            $("#emlk_d2").val(x);                     
        }else if(x==1){                      
            $("#emlk_d2").val(x);
        }                                                                       
    });

Angular JS

    var app = angular.module("main_app", []);
    app.controller("main_cont", function($scope) {
        $scope.emlk_d_change = function(e) {
            var id = $(e.target).data('id');
            alert(id);
            var x=angular.element('[data-id="'+id+'"]').val();
            alert(x);
        }
    });

GANI · Accepted Answer · 2016-09-24 04:59:12Z

1

In the ng-click method

$scope.emlk_d_change = function(event){

var button = event.currentTarget;
console.log(angular.element(button).attr('data-id')); // get the data-id values
console.log(angular.element(button).text()); // button content
}

edited Sep 24, 2016 at 4:59

answered Sep 23, 2016 at 23:55

GANI

2,0595 gold badges37 silver badges70 bronze badges

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

2 Comments

Hermes Over a year ago

$ is not defined your code is not working I removed jquery.js

Hermes Over a year ago

it must has angular.element(button).attr('data-id'); İn this case it is working.

Collectives™ on Stack Overflow

Get clicked element value angular js

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related