Polymer 1.0: split index.html

Я хочу разбить файл index.html, поскольку он слишком длинный (более 500 строк) из-за многих подменю, подобных приведенному ниже.Polymer 1.0: split index.html

<paper-submenu> 
<paper-item class="menu-trigger"> 
<iron-icon icon="add-circle-outline"></iron-icon> 
<span>Medical</span> 
</paper-item> 
<paper-menu class="menu-content"> 
<a data-route="medical" href="/medical"> 
<paper-item> 
    <span>Introduction</span> 
</paper-item> 
</a>

Можно ли сохранить все строки подменю в index.html в другой файл?

Заранее спасибо.

источник

2016-02-02 Letsgo

Почему бы вам не создать собственный элемент? –

@ChrisW Как помещать меню и подменю в пользовательский элемент? Является ли это возможным? Приветствуется любой справочный материал. – Letsgo

@ChrisW Я создал собственный элемент для хранения моих подменю, и он работает, но все форматы шрифтов повреждены. Возможно, мне нужно больше знаний CSS. Большое спасибо. – Letsgo

<link rel="import" href="../../bower_components/polymer/polymer.html"> 
<!-- Make sure to add other dependencies here --> 

<dom-module id="test-comp"> 
    <template> 
    <paper-submenu> 
     <paper-item class="menu-trigger"> 
     <iron-icon icon="add-circle-outline"></iron-icon> 
     <span>{{title}}</span> 
     </paper-item> 
     <paper-menu class="menu-content"> 
     <a data-route="{{dataRoute}}" href="{{href}}"> 
      <paper-item> 
      <span>{{item}}</span> 
      </paper-item> 
     </a></paper-menu> 
    </paper-submenu> 
    </template> 

    <script> 
    (function() { 
     'use strict'; 

     Polymer({ 
     is: 'test-comp', 

     properties: { 
      title: {}, 
      dataRoute: {}, 
      href: {}, 
      item: {}, 
     }, 


     }); 
    })(); 
    </script> 

</dom-module>

Теперь вставьте элемент, как так

<test-comp title="Medical" data-route="medical" href="/medical" item="Introduction"></test-comp>

Edit: стили, которые влияют на index.html не повлияет на ваш пользовательский компонент. Добавьте стили INSIDE в свой пользовательский компонент, чтобы включить их.

источник

2016-02-03 02:44:45

Polymer 1.0: split index.html

ответ

Смежные вопросы