vaadin：使用自定义布局集成angular js

Question

我试图通过使用这样的自定义布局将角度js应用程序集成到vaadin中：

VerticalLayout mainLayout = new VerticalLayout();
    mainLayout.setMargin(true);
    mainLayout.setWidth("1380px");
    setCompositionRoot(mainLayout);
    Panel panel = new Panel();

    CustomLayout layout = null;
    try {
         String dynamicHtml = "<div ng-app=\"app\">..........</div>";
         layout = 
      new CustomLayout(new   ByteArrayInputStream(dynamicHtml.getBytes()));
    } catch (IOException e) {
        logger.error("could not create custom layaout", e);
    }
 panel.setContent(layout);
 mainLayout.addComponent(panel);
importJs();

public void importJs() {
String PATH_TO_JS_SCRIPT = jsURL+"?tata=" + new Date();
String script = "try{var fileref=document.createElement('script');";
script += "fileref.setAttribute(\"type\",\"text/javascript\");";
script += "fileref.setAttribute(\"src\", \"" + PATH_TO_JS_SCRIPT + 
    "\");";
script += "document.getElementsByTagName(\"head 
\")[0].appendChild(fileref);}catch(e){alert(e);}";
Page.getCurrent().getJavaScript().execute(script);
}

我使用importJs方法导入脚本js。 第一次访问该页面时，js文件已加载并且可以工作。 第二次，它不起作用。 好像没有导入脚本。 我看不到代码有什么问题吗？ 使用Javascript注释我也有同样的问题。 我使用vaadin 7.6.5 Java 7

Answer 1

在CustomLayout中插入角度代码不是一个好主意。

我建议阅读文本： Vaadin和AngularJS-在一起开心 。

有一个附加组件可让您结合Vaadin和AngularJS的优点 ： Vaangular

Answer 2

Js文件仅包含一次，并且在页面生命周期中仅包含一次。 要在每次显示我使用的页面时执行此脚本：

  if(typeof angular != 'undefined'){
       angular.bootstrap(document.getElementById('swdId'), ['app']);"
   }

问题已解决