angular - Angular 4和 Material 步进

是否可以在 stepper内部重置(或仅跳至第一步)？
它没有记录在文档中，但是有可能吗？
在文档中指出步进器是基于“CDK步进器”(link？)构建的，但是我找不到任何示例可以使我达到目标。

最佳答案

好的，看来我找到了解决方案(但API上没有任何说明)。

添加对步进器的引用，然后在组件 typescript 文件中添加ViewChild及其引用。

创建一种方法来更改步进器的索引。

HTML:

<mat-horizontal-stepper [linear]="true" #stepper>
    <!-- Content here -->
</mat-horizontal-stepper>

TS:

import { Component, ViewChild } from '@angular/core';
@Component({
    // ...
})
export class AppComponent {
    @ViewChild('stepper') stepper;

    /**
     * Changes the step to the index specified
     * @param {number} index The index of the step
     */
    changeStep(index: number) {
        this.stepper.selectedIndex = index;
    }
}

关于angular - Angular 4和 Material 步进，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46440642/