Tengo un componente que implementa RouterLayout de esta manera:
@Tag("side-menu")
@HtmlImport(value = "src/components/side-menu.html")
public class SideMenu extends PolymerTemplate<TemplateModel> implements RouterLayout {
@Id("menu")
private PaperListBox listBox = new PaperListBox();
public SideMenu() {
listBox.addMenu(new PaperItem("tutorial", TutorialView.class));
listBox.addMenu(new PaperItem("icons", IconsView.class));
}
}
Dirijo una vista secundaria del diseño principal:
@Route(value=IconsView.VIEW_ROUTE, layout = SideMenu.class)
public class IconsView extends Div {
public static final String VIEW_ROUTE = "icons";
public IconsView() {
add(new Label("ICONS VIEW"));
}
}
Pero el resultado sobreescribe todo el contenido del archivo side-menu.html
Formato base del modelo side-menu.html
<side-menu>
<div>App Name</div>
<div id="menu"></div>
<div id=contenido><!-- Es aqui donde quiero mostrar mi vista view Icons --></div>
</side-menu>
Pero el resultado es esto:
<side-menu>
<div>
<label>ICONOS VIEW</label>
</div>
</side-menu>
El resultado esperado, debe ser algo así:
<side-menu>
<div>App Name</div>
<div id="menu"></div>
<div id=contenido>
<div>
<label>ICONOS VIEW</label>
</div>
</div>
</side-menu>