如何在AngularJS中使用$ event获取子元素值?

时间:2017-07-26 15:43:54

标签: javascript angularjs javascript-events

我正在使用 $ event.currentTarget 来获取ng-click元素,如下所示:

<div ng-click="eventHandler($event)" class="bg-master m-b-10" id="slider-tooltips" nouislider=""></div>

在我的控制台中,我控制台正在

<div ng-click="eventHandler($event)" class="bg-master m-b-10 noUi-target noUi-ltr noUi-horizontal noUi-connect" id="slider-tooltips" nouislider="">
    <div class="noUi-base">
        <div class="noUi-origin noUi-background" style="left: 9%;">
            <div class="noUi-handle noUi-handle-lower">
                <div class="tooltip fade top in" style="top: -33px;left: -14px;opacity: 0.7;">
                    <div class="tooltip-inner">
                        <span>9.00</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

我想在上面的节目结果中获得值 9 。我怎么能在AngularJS中做到这一点。

如果这种方法有误,请告诉我正确的方法。

2 个答案:

答案 0 :(得分:1)

好吧,我不知道这是不是最好的方法,但你可以从点击事件中获得它。这对我有用:

$scope.eventHandler = function(e) {
    console.log(e.srcElement.children[0].firstElementChild.style.left);
};

答案 1 :(得分:1)

我尝试下面的代码,我得到了我正在寻找的结果

$scope.eventHandler = function($event){
  console.log(parseInt($event.currentTarget.childNodes[0].textContent));
};