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

Question

我正在使用 $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 中执行此操作？

如果这个方法有误，请告诉我正确的方法。

Answer 1

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

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

Answer 2

我尝试了下面的代码，得到了我想要的结果

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

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

How to get the child element value using $event in AngularJS?

javascript

dom-events

angularjs