Angular：Place＆＃39; modal＆＃39;单击元素

Question

我想做的事情：我有两个兄弟指令。当您单击指令1中的元素时，它会使另一个元素显示在它上面，就像一个选择器。

问题：执行此操作的代码看起来非常难看。具体来说，我在指令2中的事件处理程序中执行以下操作：

link: function(scope, el, attrs){
            $rootScope.$on('show-thing2', function(event, data){
                el[0].setAttribute('style', 'left:' + (data.left-6) + 'px; top:' + (data.top-11) + 'px;');
                scope.picked=true;
            })
        }

提问：有更好的/推荐的方法吗？我尝试在html中使用ng-style但是这对我来说根本不适用（据我所知，与时间有关）但是，如果我可以做到这一点，那么它似乎比丑陋的字符串连接更清晰

免责声明：我对Angular相对较新。我看了一遍，但找不到更好的方法来做到这一点。

Plunker Link ：here

提前谢谢。