如何在 AngularJS 中使用 $event 获取子元素值？答案

【问题标题】：How to get the child element value using $event in AngularJS?如何在 AngularJS 中使用 $event 获取子元素值？
【发布时间】：2017-07-26 15:43:53
【问题描述】：

我正在使用$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 中做到这一点？

如果这个方法不对，请告诉我正确的方法。

【问题讨论】：

标签： javascript angularjs dom-events

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：