Javascript 如何从另一个控制器组件调用控制器函数并将控制传递给被调用的控制器组件

我有这样的HTML结构

  <aside class="side" align="left">
     <table onclick="reply_click(event)" ng-controller="TableCtrl" >
           <tr ng-repeat = "table in tables">
             <td><button id = "{{table}}" width = "70">{{table}}</button></td>
           </tr>
     </table>
  </aside>
  <article class="tabs">


      <section id="erd">
        <h2><a href="#erd">ERD</a></h2>
        <p>This content appears on tab ERD.</p>
      </section>

      <section id="col">
        <h2><a href="#col">Columns</a></h2>
    <h2><a href="#col">Columns</a></h2>
    <div id="list" ng-controller="ColCtrl">
      <table>
        <tr>
            <th>Column Name</th>
        </tr>
        <tr ng-repeat="column in columns">
            <td>{{column.name}}</td>
        </tr>
      </table>
    </div> 
      </section>

      <section id="home">
        <h2><a href="#home">Home</a></h2>
        <p>This content appears on tab Home. lfkdgl;k  lkfd;lkg ';lkfg ;lkg 'df;lk ;lk ';lk ';fdlkg ';fdlkg';dflk;ldfkg';lkdlfkdfkglkdf lkjhlsdjhfljdfhlkjdh jh jhkjdhfkjsdhf skjdhf lk h dsfjlkjsdlkfj;dslkfj  dskfj;kj sdfkj fkdj;lfkjsd;lkfj   sdkfj ;slkj sdfj;lskjf   skdj flksjdf ; sdfkj ;sdlkfj dskfj sdkjfhueuu suehu heu he u heu heh ueh ufhu fhe uueh ush uhsudh ue huhuhufheuheu u heiu h euh eh ue </p>
      </section>

  </article>

它发射正确。我从TableCtrl组件中的按钮调用它的问题。激发loadColumns（）后，它转到TableCtrl组件以循环，这是错误的位置。如何让它转到正确的位置ColCtrl区域循环并填充数据

---

谢谢，

使用

onclick

事件对于Angular来说有点反模式。如果您需要对象之间的大量通信，我倾向于在更高的元素上使用一个控制器。Angular不是设计用来在控制器之间以这种方式进行通信的。AJ Richardson，谢谢你的评论。很高兴知道这一点。

angular.element(document.getElementById("list")).scope().loadColumns();