Я использую бумажный шаговый полимерный компонент от zecat (http://zecat.github.io/paper-stepper/components/paper-stepper/). Моя проблема, как показано ниже.
- Все шаги с 1 по 5 отображаются правильно.
- Я могу перейти от предыдущего шага к любым будущим шагам. Например. От шага 1 до шага 2 или шага 3, от шага 2 до шага 3 или шага 5.
- Моя проблема в том, что я не могу выбрать предыдущий шаг, но я могу перемещаться по нему кнопкой назад. Например. из шага 3, шага 2 или шага 1 нельзя нажать.
Я пытаюсь использовать все атрибуты, такие как редактируемые, завершенные, выбираемые и т. Д., Но ничего не работает. Вот мой код:
<paper-stepper id="wizardStepper" alternative-label has-back-button has-skip-button selected={{selectedIndex}} finish-text="Yes" continue-text="Yes" update-text="Yes">
<paper-step id="internetStepId" label="Internet & VPN" >
<div class="wizard-content-div">
<h4>Network Configurations</h4>
</div>
</paper-step>
<paper-step id="customerDataStepId" label="360 Customer Data" >
<div class="wizard-content-div">
<h4>Customer Data</h4>
</div>
</paper-step>
<paper-step id="inboundConnectorStepId" label="Inbound Connectors" >
<div class="wizard-content-div">
<h4>Inbound connectors</h4>
</div>
</paper-step>
<paper-step id="outboundConnectorStepId" label="Outbound Connectors" >
<div class="wizard-content-div">
<h4>outbound connector</h4>
</div>
</paper-step>
<paper-step id="marketingCampaignStepId" label="Marketing Campaigns" >
<div class="wizard-content-div">
<h4>marketing campaign</h4>
</div>
</paper-step>
</paper-stepper>