javascript - 如何在 magento 2 的结帐页面上获取步骤名称？

Question

我在结帐页面上向“订单摘要”添加了一个自定义 block 。它显示在两个步骤 - 运输和付款。但我需要知道当前步骤是什么。我怎样才能在这个街区获得它？

Answer 1

你可以在里面使用Magento_Checkout/js/view/progress-bar组件或者Magento_Checkout/js/model/step-navigator组件(progress-bar使用)您的自定义 block 模板/组件。

使用进度条:

var registry = require('uiRegistry'),
    progressBar = registry.get('index = progressBar'),
    firstStep = progressBar.steps()[0];

progressBar.isProcessed(firstStep); // returns bool, shipping step by default 

使用步骤导航器:

var stepnav = require('Magento_Checkout/js/model/step-navigator');
stepnav.getActiveItemIndex() // returns int - 0 for shipping & 1 for payment by default

或:

var registry = require('Magento_Checkout/js/model/step-navigator');
registry.isProcessed('shipping'); // returns bool, you are on shipping step

注意:第二步名称默认为payment

PS:在您自己的组件中，您可以添加 Magento_Checkout/js/view/progress-bar 或 Magento_Checkout/js/model/step-navigator 到定义列表:

define(
    [
        'Magento_Checkout/js/model/step-navigator'
    ],
    function (
        stepNavigator
    ) {
        // do something with stepNavigator
    }
);