有关如何将Angular 2应用程序集成到JSF应用程序的经验和提示

时间:2017-06-28 09:33:51

标签: angular jsf jsf-2

我试图将Angular 2应用程序集成到JSF 2.0应用程序中,以便不断摆脱这个丑陋的JSF。 我找到了一种方法,但有一些问题。 我将5个有角度的JavaScripts加载到我的JSF应用程序中。我也有一个div,我使用角度属性选择器。选择器是app-root。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
xmlns:h="http://java.sun.com/jsf/html"
  xmlns:composite="http://java.sun.com/jsf/composite">
<composite:interface>
</composite:interface>
<composite:implementation>

<h:panelGroup layout="block" app-root=""><div></div></h:panelGroup>
<h:outputScript name="js/angular/inline.bundle.js"/>
<h:outputScript name="js/angular/polyfills.bundle.js"/>
<h:outputScript name="js/angular/styles.bundle.js"/>
<h:outputScript name="js/angular/vendor.bundle.js"/>
<h:outputScript name="js/angular/main.bundle.js"/>
</composite:implementation>

</html>

这是一个未在初始页面加载时呈现的Panel。 你看我必须在这个Panel中加载JavaScript,但是我想在初始的PageLoad中加载JavaScripts,因为当我有更多的组件时,我必须在不同的Panel中包含这些文件。但后来我重复加载了这些JavaScript文件。

我尝试在初始的PageLoad中加载JavaScripts,但这给了我一些JavaScript错误。这些说他们无法找到app-root。这是有道理的,因为这个带有app-root的div还没有渲染。

有没有人建议我如何解决这个问题,或者有人不同的想法如何将Angular 2应用程序集成到JSF中?

0 个答案:

没有答案