Question

如何使用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>

控制器将是这样的：

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

基本上，我想在运行中定义一个指令，我希望它只能在#parent节点内访问（尽管这是可选的）。我卡住了，因为我希望能够在<h1>{{blah}}</h1>函数或compile函数中注入角度感知 html（即transclude}

Answer 1

有时你只需抓住自己的痒：http://jsfiddle.net/mping/6fwJ3/11/

结束采取不同的路线。我使用父controller和两个指令，一个用于定义组件，另一个用于调用它。

angularjs：即时指令

1 个答案: