javascript - 按下 内的图像时如何传递 id

Question

我有这样的 View :

<a  title="Post 1" id="car1" >
    <article >
        <figure >
            <img src="img/car1.png" alt="image-1"
                 ng-click="getElementBeingPressed($event)">
            <figcaption>Post 1</figcaption>
        </figure>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate itaque consequatur illo quis, delectus, incidunt labore.</p>
    </article>
</a>

我在 Controller 中有这个:

$scope.getElementBeingPressed = function(event)
{
    // Get the button that opens the modal
    var car = document.getElementById(event.target.id);
    console.log('clicked id is: ' + event.target.id);
}

但问题是，当我按下图像时，我在控制台中得到了这个:

clicked id is:

Empty string passed to getElementById().

所以没有ID被传递。这是为什么？

如果有什么不清楚或需要额外解释，请评论出来，我会编辑问题。

谢谢你的时间

Answer 1

被按下的元素是 <img>标签，因此为什么你的 ng-click触发。

<img>标签没有 ID。如果你想获得 <a>使用该逻辑标记的 ID，移动 ng-click在 <a> 上标签，因此:

<a  title="Post 1" id="car1" ng-click="getElementBeingPressed($event)">
    <article >
        <figure >
            <img src="img/car1.png" alt="image-1">
            <figcaption>Post 1</figcaption>
        </figure>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate itaque consequatur illo quis, delectus, incidunt labore.</p>
    </article>
</a>