将AngularJS与另一个SPA框架相结合——编译注入式HTML

我有一个旧的单页应用程序，对于应用程序中的一些新页面，我想使用Angular，而不改变导航和应用程序的总体工作方式

我只想实例化angular应用一次，因为它已经在SPA中运行了。我可以使用

ngapp

属性或通过编程使用

angular.bootstrap

方法来实现。 但是，当用户导航到一个新页面时，旧的应用程序加载HTML并将其注入DOM，我希望新页面通过Angular进行处理。我知道新的HTML必须由Angular编译。有没有一种有效的方法？HTML已经在DOM中，我不想删除它，编译它并再次注入它。有没有一种有效的方法

新页面的HTML可以如下所示，例如：

<div ng-controller="TestController">
     <h1>{{title}}</h1>
</div>

---

或者，对于每个页面，我可以使用前面提到的

angular.bootstrap

实例化该应用程序，这样做很有效，但感觉不对

我最后做的是：

1） 在主（应用程序）模块中，获取对

应用程序中
$compile
和
$rootScope
的引用。运行

并将引用存储在外部

2） 在旧应用程序导航中，在导航到新页面后调用：

$compile(pageRoot.contents())($rootScope);

$compile(pageRoot.contents())($rootScope);