Javascript angularjs：动态指令

如何使用angular实现以下目标？我尝试过几种技巧，但这些文档没有多大帮助

<div id="#parent">
  <!-- this is component definition, won't be rendered -->
  <component id="tbl">
    <table>
      <tbody>
        <tr ng-repeat="item in env.items"><td>{{item.label}}</td></tr>
      <tbody>
    </table>
  </component>

  ...
  <!-- 
    this should only work if a component is registered within this parent, 
    ie '#parent' and would render the component as defined above
  -->
  <component ref="table" env="myCtx" />
</div>

{{item.label}
...

控制器应该是这样的：

<script>
 //ctrl definition
 funcion Ctrl(scope) {
   scope.myCtx = { 
     items: [{label: "xxx"}, {label: "yyy"}]
   }
 }
</script>

//ctrl定义
函数Ctrl（作用域）{
scope.myCtx={
项目：[{标签：“xxx”}，{标签：“yyy”}]
}
}

---

基本上，我希望动态定义一个指令，并且我希望它只能在

#parent

节点内访问（尽管这是可选的）。我陷入困境是因为我希望能够在

编译

函数或

清除

函数中注入角度感知html（即使用

{blah}}

）

结果走了另一条路。我使用一个父控制器和两个指令，一个用于定义组件，另一个用于调用它