javascript - 图像内的可点击区域

Question

寻找一些设计建议。我正在使用 Angular（至少在尝试）。假设我有一个像这样用背景图像（两个以上）定义的可点击区域：

<div id="clicable0">
        <div class="area1" data-ng-click="jump('v1')"></div>
        <div class="area2" data-ng-click="jump('v2')"></div>
        ...
        <img src="img1.jpg">
</div>

我的 CSS：

#clicable0 .area1 { top:100px; left:100px; }
#clicable0 .area2 { top:100px; left:200px; }

上面的例子工作得很好，但我会看到这更像是通用组件（指令？），我可以在 Angular 和 Javascript 上做更多的事情。您对某些 Angular 未来的“不透明”有何建议？谢谢。