2017-08-06 15 views
1

我不能包括所有的事情,我需要一个答案,标题,所以这里是我的担忧:是否有可能整合Angular.js(角1)和AEM(的Adobe体验管理6.2)

  • 在开发AEM时,必须要求客户端框架/ lib吗?如果是的话,最适合AEM和易于开发的产品(Angular.js只是我认为它“足够”而且易于集成的方式)。
  • 在使用angular.js的情况下,我有些疑惑:
    • 哪个最outter应用(与ng-app初始化)因为AEM成分被分离,我们如何加载它,我无法加载最在任何一个外面。
    • 国际海事组织,大多数外联ng-app将被加载到模板中(这是所有组件都需要的,但它只是在理论上(我不确定这一点),我没有看到任何示例向我展示如何在创建TEMPLATE时不加载JS,CSS文件(不是创建组件,只是为了清楚)
    • 替代方法,每个AEM组件都是一个独立的角度模块,它会手动引导(我也不确定,请帮助澄清)

最后但并非最不重要的,如果你有一个使用实例(够复杂的,不喜欢的Hello World)或生产项目这个堆栈(完美!),请帮助让我知道,因为我最关心的是“是否有可能做”。

很多人提前感谢!

+1

https://www.capella.edu/online-degrees这里。不知道你确切的要求,但我们可以用它作为jQuery的替代品,并做所有的东西。添加主模板的ng-app,以便从它创建的所有页面都可以访问ng-app,我们可以添加角码任何组件。 –

+0

您的页面是否可以由管理员创作(如拖入和拖出任何组件)? – thelonglqd

+0

整个中心是从后端服务基于Json加载其自身的单个组件 –

回答

2

我目前正在成功地使用角JS与AEM。

哪个是最具外部特征的应用程序(用ng-app进行初始化)以及我们如何加载它,因为AEM组件是分开的,我无法加载大部分外部程序。

ans:您可以为此创建一个渲染器组件,并将其作为外部应用程序,然后将所需的clientlibs添加到它。之后,您可以将渲染器作用域用作普通的角度应用程序。

国际海事组织,最outter ng应用程序将被加载到模板中(这是所有组件所需要的,但它只是在理论上(我不知道这一点),我没有看到任何示例显示我如何加载JS,CSS文件的模板创建(不组件的创建,只是为了清楚地)

答:而不是加载它在模板中它会很容易将它的组件作为客户端lib中,因为加所有AEM中的js/css都可以添加为客户端lib

另一种方法是,每个AEM组件都是一个分离的角度模块,它将手动引导(I'不敢肯定,也请大家帮忙澄清)

答:是的,你可以创建一个组件作为一个角度应用程序,您可以seperately引导它

Here is the directory structure for a clientlib

+0

实际上,我选择jQuery代替安全性,那么我将在下次使用AEM(如果有的话)时使用您的解决方案,谢谢大家。 – thelonglqd

0

我用角1。 x与AEM 6.x并创建SPA(单页应用程序)。此外,使用Angular 1.x创建AEM屏幕应用程序。

可能有很多方法可以做到这一点,但我按照以下方法: -

  1. AEM页面模板(body标签)与NG-应用并添加角度依赖性的网站(clientlib角的1.x)
  2. 定义角模块在您的网站clientlib(JS)说module.jsexample: var app = angular.module('app', ['ui.router', 'ngAnimate','ui.bootstrap.tpls','ui.bootstrap.modal']);
  3. 您还可以为不同路径定义状态提供程序app.config(function ($stateProvider, $urlRouterProvider) {});
  4. 定义特定clientlib(js)文件中的每个组件特定模块/控制器。 example (html): <div ng-controller="LoginCtrl" /> example (client lib(js)) - app.controller('LoginCtrl', function ($scope) {});
  5. 它的使用
相关问题