我有一个<div>
包含几个子控制器,每个子控制器从控制器内部生成一个Highchart,在HTML文件中生成一个ng-repeat
的表。我有一个主控制器,它打算在完全生成后使用这些HTML,并将它们附加到不同的<div>
。将不显示包含子控制器生成的HTML的<div>
。包含从主控制器传递的附加副本的<div>
是将要显示的副本。但是,附加的HTML仅包含在子控制器(Highcharts)中生成的内容,而不包含HTML文件中的ng指令(表行)中生成的内容。我该如何解决这个问题?
简化版:
<div ng-controller="main">
<div id="appendAndDisplay"></div>
<div id="doNotDisplay">
<div ng-controller="sub1">
<div id="highchartHere"></div>
<table>
/* multiple <th> */
<tbody>
<tr ng-repeat="entity in entities">
/* multiple <td> containing entity data defined in sub1 controller */
</tr>
</tbody>
</table>
</div>
</div>
</div>
这里发生的事情是高亮度和表格是在doNotDisplay
中完全生成和查看的,但无论main
控制器被复制出来附加到appendAndDisplay
中,只包含高图和表格标题,而不是angularJS生成的行 - 我猜这是因为highcharts根本不使用angularJS而且纯粹是jquery。