小编Mat*_*aty的帖子

Angular Material Stepper - 在单击视图之前调用 next() 不起作用

我正在构建一个带有 angular 7 和 angular material 的电子应用程序

我有一个 Stepper,它的第二步调用电子 main 以使用户选择一个文件夹来保存应用程序的内容。当它被选中时,它会调用“selectedWorkingFolder”,这会将步骤设置为已完成,并且应该直接使用 (this.stepper.next()) 转到步骤 3,除非我单击窗口上的任意位置,否则这不起作用。

这是一个显示它的gif

https://i.gyazo.com/7e17510822bc7b3946bc6e917e965466.mp4

这是控制器代码

import { Component, OnInit, Input, ChangeDetectorRef, ViewChild } from '@angular/core';
import { ElectronService } from 'src/app/services/electron/electron.service';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';


@Component({
    selector: 'app-main',
    templateUrl: './main.component.html',
    styleUrls: ['./main.component.css']
})

export class MainComponent implements OnInit {

    @ViewChild('stepper') stepper;

    firstFormGroup: FormGroup;
    secondFormGroup: FormGroup;

    isLinear = true;

    constructor(
        private readonly ipcServ: ElectronService,
        private cdRef: ChangeDetectorRef,
        private _formBuilder: FormBuilder,
    ) { …
Run Code Online (Sandbox Code Playgroud)

angular-material angular

1
推荐指数
1
解决办法
4375
查看次数

标签 统计

angular ×1

angular-material ×1