我试图将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中?