vaadin：使用自定義佈局

我試圖通過使用自定義佈局像這樣在vaadin角JS應用程序集成整合的角度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); 
}

我導入JS腳本使用importJs方法。我第一次訪問頁面時，js文件被加載並且工作。第二次，它不起作用。就好像腳本沒有被導入。我沒有看到我的代碼有什麼問題？使用Javascript註釋我有同樣的問題。我使用 vaadin 7.6.5 java 7

來源

2016-05-17 benji

JS文件頁面的生命週期中只包括一次且僅一次。

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

的問題是固定的

來源

2016-05-23 12:28:44 benji

在CustomLayout中插入角碼是個壞主意。

我會推薦閱讀文本：Vaadin and AngularJS - happy together。

有一個附加的使用，可以讓你把最好的Vaadin和AngularJS的：Vaangular

來源

2016-05-17 14:31:14

謝謝德拉甘的回答：爲了我們每一個顯示我使用的頁面時excecute這個腳本。我已閱讀關於Vaangular。我試過了。但是這取決於java 8. 我使用的是java 7. – benji

無論如何CustomLayout不會幫助你。您可以嘗試將Angular組件集成爲其他任何Java腳本組件，如https://vaadin.com/docs/-/part/framework/gwt/gwt-javascript.html中所述。另外，我不完全確定Vaangular是java 8只兼容。你確定嗎？ –

vaadin：使用自定義佈局

回答

相關問題