获取子元素的HTML内容

Question

基本上我想改造：

<tabs>
<section tab-pane>
    <header tab-header>Tab title with HTML <img ...></header>
    Section body
</section>
<section tab-pane>
    ....
</section>
</tabs>

to（Twitter的bootstrap）：

<div class="tabbable">
      <ul class="nav nav-tabs">
        <li ng-repeat="pane in panes" ng-class="{active:pane.selected}">
          <a href="" ng-click="select(pane)" >TITLE GOES HERE</a>
        </li>
      </ul>
      <div class="tab-content" ng-transclude>
          TABS HERE
      </div>
 </div>

我正在使用HTML5标签，因为我认为它们比像＆lt; tab-pane＆gt;这样的标签更具SEO性能。等

我能够在http://plnkr.co/edit/2hwHAZkATJYjcqxDuYp7?p=preview获得一个基本版本，只是因为我不知道如何将每个标题内容插入到A元素中。