指令替换其元素并在新元素上添加另一个指令

Question

出于学习目的，我想创建一个转换此标记的指令：

<my-tab ng-repeat="tab in tabs" href="{{tab.href}}">{{tab.title}}</tab>

进入这个：

<li ng-repeat="tab in tabs" ng-class="tabClass('{{tab.href}}')"><a ng-href="{{tab.href}}">{{tab.title}}</a></li>

你会怎么做？

我尝试在指令定义中使用replace，但它会在href元素上放置<my-tab>的{​​{1}}属性，这不是我想要的。除此之外，它被标记为已弃用。

在<li>函数中用<my-tab>替换<li>指令元素也无济于事。它产生我想要的标记，但compile不起作用。我的猜测是因为替换元素没有重新扫描它的指令。