2017-08-06 54 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. 它的使用
相關問題