javascript - 是否可以集成 Angular.js (Angular 1) 和 AEM (Adobe Experience Manager 6.2)

Question

我无法包含我需要的所有内容作为标题的答案，所以这是我关心的:

• 开发 AEM 时是否需要客户端框架/库？如果是，什么是最适合 AEM 且易于开发的(Angular.js 正是我认为它“足够”好且易于集成的方式)。
• 在使用 angular.js 的情况下，我有一些疑问:
  • 哪个是最外层的应用程序(使用 ng-app 初始化)以及我们如何加载它，因为 AEM 组件是分离的，我无法在其中任何一个中加载最外层。
  • IMO，大多数外部 ng-app 将被加载到模板中(所有组件都需要它，但这只是理论上的(我不确定)而且我确实这样做了看不到任何示例，告诉我如何在模板创建时加载 JS、CSS 文件(不是组件创建，只是为了清楚)
  • 替代方法，每个 AEM 组件将是一个单独的 Angular 模块，并将手动引导(我也不确定，请帮助澄清)

最后但同样重要的是，如果您有使用此堆栈的示例(足够复杂，不像 hello world)或生产项目(完美!)，请帮助让我知道，因为我最关心的是“是否有可能做”。

非常非常感谢!

Answer 1

我目前成功地将 Angular JS 与 AEM 结合使用。

哪个是最外层的应用程序(使用 ng-app 初始化)以及我们如何加载它，因为 AEM 组件是分离的，我无法在其中任何一个中加载最外层。

ans:您可以为此创建一个渲染器组件并将其作为外部应用程序，然后向其中添加所需的客户端库。之后，您可以将渲染器范围用作普通 Angular 应用程序。

IMO，大多数外部 ng-app 将被加载到模板中(所有组件都需要它，但这只是理论上的(我不确定)而且我没有看到任何示例向我展示如何在TEMPLATE创建时加载JS、CSS文件(不是组件创建，只是为了清楚)

ans:与其将其加载到模板中，不如将其作为客户端库添加到组件中，因为 AEM 中的所有内容(例如 js/css)都可以作为客户端库添加

另一种方法，每个AEM组件将是一个单独的 Angular 模块，并将手动引导(我也不确定，请帮助澄清)

ans: 是的，你可以创建一个组件作为 Angular 应用程序，你可以单独引导它