我的应用程序对数据库进行ajax调用,以JSON格式接收数据,然后根据查询结果创建表。
我的问题是我有多个页面通过不同的数据库调用来执行此操作,返回不同数量的列和行。此外,当用户点击一行时,应显示与该行有关的所有信息(有许多链接的一对多关系,其中显示类型1的列表,每个列表都有类型2的列表,每个都有类型3的列表等。)
目前我看不到明智地模块化javascript以便一个控制器显示数据库结果。 HTML并不难做到:
<div class="container">
<h2> {{ header }} <h2>
<div class="well" style="overflow: auto">
<table class="table">
<thead>
<tr>
<th ng-repeat="column in cols"> {{ column }} </th>
</tr>
</thead>
<tbody>
<tr ng-repeat="row in rows" ng-click="more(row)" ng-class="setClass(row)">
<td ng-repeat="column in cols"> {{ row[column] }} </td>
</tr>
</tbody>
</table>
</div>
</div>
这将显示包含数据的表格。我希望让函数more(row)
使用有关该行的一些信息来显示下一个查询,可能是第一列,但JSON数据是由命名索引完成的,例如第一列可能是{{1} }和table1id
用于其他数据库
目前我看不到任何处理方法,除了为我正在创建的每个可能的表创建一个新的控制器,例如:
table2id
任何人都可以看到一些有效模块化的方法,因为我有很多页面都在做一些非常相似的事情,其中select语句是主要的不同之处,还有条件引导程序格式化。