Angular无法识别Extjs中动态加载的页面
Angular does not recognize the dynamically loaded page in Extjs
我在 Extjs 系统中有一个 SPA。我还包括 angular 和我想在页面上使用的必要模块（在 extjs 面板中引用的外部 html）。
Angular 被定义并在除新加载 page.The 之外的所有地方工作 问题是我必须在每个页面加载时（重新）加载 angular angular 识别的页面。如果我每次都加载它，everythink 工作。
如何确保 angular 自动识别我的动态页面？
我的html:
<div ng-controller="MainCtrl">
{{3+3}} and {{n}} <br>
</div>
angular.bootstrap() 是解决方案。
你需要关心的是：
- 你不应该在任何地方使用 ng-app
- 你应该明确地包括 jquery
您可以将 bootstrap 放在面板的后渲染中，例如：
listeners : {
'afterrender' : {
fn : function (panel, par2, par3) {
angular.bootstrap($('#idOfYourAngularCode'), ['A']);
},
scope : this
}
}
- 如果您想使用外部 html，您也可以在 html 文件中定义 "bootstrap"（通过使用脚本标签）。但是如果你在面板中使用 html 内联（像我一样），这是最合适的方式。
我在 Extjs 系统中有一个 SPA。我还包括 angular 和我想在页面上使用的必要模块（在 extjs 面板中引用的外部 html）。
Angular 被定义并在除新加载 page.The 之外的所有地方工作 问题是我必须在每个页面加载时（重新）加载 angular angular 识别的页面。如果我每次都加载它，everythink 工作。
如何确保 angular 自动识别我的动态页面？
我的html:
<div ng-controller="MainCtrl">
{{3+3}} and {{n}} <br>
</div>
angular.bootstrap() 是解决方案。
你需要关心的是：
- 你不应该在任何地方使用 ng-app
- 你应该明确地包括 jquery
您可以将 bootstrap 放在面板的后渲染中，例如：
listeners : { 'afterrender' : { fn : function (panel, par2, par3) { angular.bootstrap($('#idOfYourAngularCode'), ['A']); }, scope : this } }- 如果您想使用外部 html，您也可以在 html 文件中定义 "bootstrap"（通过使用脚本标签）。但是如果你在面板中使用 html 内联（像我一样），这是最合适的方式。