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

Question

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

除了在新加载的页面之外，

Angular被定义并在任何地方工作。问题是我必须（重新）在每个页面加载时加载角度以便通过angular识别我的页面。如果我每次都加载它，那么每个思考都可以。

如何确保我的动态页面可以通过角度自动识别？

我的HTML：

<div ng-controller="MainCtrl">
     {{3+3}} and {{n}} <br>
</div>

Answer 1

angular.bootstrap()是解决方案。

你必须关心的事情是：

• 你应该没有使用ng-app
• 你应该明确包含jquery

• 您可以将引导程序放在面板的后续处理中，如：

  listeners : { 'afterrender' : { fn : function (panel, par2, par3) { angular.bootstrap($('#idOfYourAngularCode'), ['A']); }, scope : this } }

• 如果您想使用外部html，您也可以在html文件中定义“bootstrap”（使用脚本标记）。但是如果你在面板中使用html内联（像我一样），这是最合适的方式。