2016-09-23 3 views
1

Я новичок в angularjs. Я написал код jQuery. Но я хочу писать на угловых. Я хочу получить значение элемента clicked и идентификатор данных. Позже я хочу вставить введенное значение входного значения. Я могу получить идентификатор данных, но я не могу получить значение кнопки. Я хочу преобразовать все jquery в угловые. Как я могу решить?Получить значение элемента click angular js

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); 
     }                  
    }); 

Угловая 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); 
     } 
    }); 

ответ

1

В методе нг-клик

$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 
} 
+0

$ не определен ваш код не работает я удалил jquery.js – Hermes

+0

он должен имеет angular.element (кнопка) .attr («данных идентификатор»); В этом случае он работает. – Hermes