Javascript 如何在magento 2中的签出页面上获取步骤名称？

我在结帐页面的订单摘要中添加了一个自定义块。它显示在两个步骤上-发货和付款。但我需要知道当前的步骤是什么。如何在此块上获取它？

您可以在自定义块模板/组件中使用进度条使用的Magento_Checkout/js/view/progress bar组件或Magento_Checkout/js/model/step navigator组件

使用进度条：

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

或：

注意：第二步名称默认为付款

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
    }
);

您可以在自定义块模板/组件中使用进度条使用的Magento_Checkout/js/view/progress bar组件或Magento_Checkout/js/model/step navigator组件

使用进度条：

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

或：

注意：第二步名称默认为付款

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
    }
);

只是想澄清一件事。isProcessed'shipping'在运送步骤中将返回false，因为它尚未被处理。在付款步骤上，它将返回true。不管怎样，谢谢你。为我节省了一些时间：只是为了澄清一件事。isProcessed'shipping'在运送步骤中将返回false，因为它尚未被处理。在付款步骤上，它将返回true。不管怎样，谢谢你。为我节省了一些时间：