使用模板

Question

我想在angualrjs中实现以下目标：

我有多条信息行，无论其他信息行都可以点击。 当我点击一行时，会打开一个div，并显示一个关于该行的表格。

我的HTML现在看起来像这样：

<div ng-app="TModule" ng-cloak>
<div class="myDiv" ng-controller="tController as tCtrl">
    <h1>Title</h1>

    <ul>
        <li ng-repeat="option in tCtrl.availableOptions" ng-click="tCtrl.toggleOpen(option.id)">
            <div>
                <h2>{{option.name}}</h2>
                <div ng-show="isOpen(option.id)">
                  //Table should go here
                </div>
            </div>
        </li>
    </ul>

我的表格模板对于所有行都是相同的，应该如下所示：

<table>
   <thead>
   <tr>
       <th>Header I</th>
        ...
     </tr>
   </thead>
   <tbody>
      <tr ng-repeat...>...</tr>
    ....
   </tbody>
</table>

点击任何li项目时我想要发生的事情是，它将调用控制器上的一个函数进行ajax调用，并使用模板填充表格，结果接收。

我的问题是我不知道如何使用相同的模板填充每个表并获得不同的信息（不使用将存储每个信息的数组）

不确定角度是否可行，实现这一目标的最佳方法是什么？

每条线可以一起打开，每条线都有不同的信息集。