Javascript Angular无法识别Extjs中动态加载的页面

Javascript Angular无法识别Extjs中动态加载的页面,javascript,angularjs,extjs,extjs4,angularjs-scope,Javascript,Angularjs,Extjs,Extjs4,Angularjs Scope,我在Extjs系统中有一个SPA。我还包括了angular和必要的模块,我想在extjs面板中引用的外部html页面上使用这些模块 Angular是在中定义的,除了在新加载的页面中,Angular在任何地方都可以工作。问题是,为了让Angular识别我的页面,我必须在每次加载页面时重新加载Angular。如果我每次都加载它,一切都会正常工作 如何确保angular自动识别我的动态页面 我的html: <div ng-controller="MainCtrl"> {{3+3}

我在Extjs系统中有一个SPA。我还包括了angular和必要的模块,我想在extjs面板中引用的外部html页面上使用这些模块

Angular是在中定义的,除了在新加载的页面中,Angular在任何地方都可以工作。问题是,为了让Angular识别我的页面,我必须在每次加载页面时重新加载Angular。如果我每次都加载它,一切都会正常工作

如何确保angular自动识别我的动态页面

我的html:

<div ng-controller="MainCtrl">
     {{3+3}} and {{n}} <br>
</div>
angular.bootstrap是解决方案

你必须关心的是:

您不应该使用ng应用程序 您应该显式地包括jquery 您可以将引导放入面板的afterrender中,如下所示:

听众:{ “后渲染”:{ fn:功能面板,par2,par3{ 引导$'idOfYourAngularCode',['A']; }, 范围:本 } }

如果要使用外部html,还可以使用脚本标记在html文件中定义引导。但是如果你像我一样在面板中使用html内联,这是最合适的方法。
这听起来可能很傻,因为我自己还没有使用ExtJs,但是这些新页面到底是如何加载的呢?你们能用这个服务来编译你们的html吗?你们试过angular.bootstrap吗?您可以在extjs中选择要加载到某个div中的表单。我已经在要加载的表单中定义了一个面板,在该面板中,我可以定义内联html或使用函数html和loader引用外部html文件。而且,在我的页面加载后,我尝试了引导。没有任何结果。对于$compile,我不确定在我的情况下应该如何准确地使用它。这对你有帮助吗?我来看看。因为我现在看到,在动态加载的页面中也定义了angular。因此,我的控制器应该存在检测问题